UpsyStart

Upsy brand

The logo, icon and colors to use when you write about Upsy, in SVG and PNG.

Download allHow to use them

Logo

The icon and the name together. Use it wherever there's room.

Upsy logo, for light backgrounds
For light backgroundsSVGPNG
Upsy logo, for dark backgrounds
For dark backgroundsSVGPNG

Icon

For small, square spaces: app icons, avatars and favicons.

Upsy icon, for light backgrounds
For light backgroundsSVGPNG
Upsy icon, for dark backgrounds
For dark backgroundsSVGPNG

Mark

The U and dot without the tile, for places where the tile doesn't fit.

Upsy mark, for light backgrounds
For light backgroundsSVGPNG
Upsy mark, for dark backgrounds
For dark backgroundsSVGPNG

Colors

Ink is Upsy's color. Click a code to copy it.

  • Ink

    The tile, buttons and dark sections

  • Ink 2

    Hover states and secondary tiles

  • Mist

    Text on ink

  • Black

    The name and headings

  • Paper

    The app's background

  • White

    Pages and the mark on ink

Typeface

Upsy uses DM Sans: semibold for the name and headings, regular for everything else. It's free on Google Fonts.

Get DM Sans

Aa

Semibold 600

Regular 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Using the logo

Do

  • Write the name as Upsy, with only the U in capitals.
  • Use the dark logo on light backgrounds and the white logo on dark ones.
  • Leave space around the logo at least half the tile's height.
  • Scale the logo evenly, and keep it at least 20px tall.

Don't

  • Stretch, rotate or crop the logo.
  • Change its colors or add shadows, outlines or other effects.
  • Retype the name in another font or move the icon and name around.
  • Use the logo in a way that suggests Upsy endorses you or your product.

Questions, or need another format? Email support@upstash.com.