Brand Assets

Logos, fonts, images and colors, etc.

Logos

How to use these logos

  1. Don't alter the logo - No cutting up, stretching size, or changing the letterforms, please!
  2. Keep the band together - Keep the two dots (called umlaut's) over the u in the wordmarks. It creates a smile! Plus umlaut is really fun to say. Also for the Uberflip logo don't separate the page-fold icon from the wordmark, please. They're best friends and always hang out together. They would be sad :(
  3. Colors - Yowsers that's a lot of pink - we know! That's our color. Society scientists have concluded that pink on a yellow or lime green background is pretty ugly most of the time. That's why we only use the pink logo on grey or white backgrounds. If you REALLY don't want to use the pink try using the white logo! When using the white logo put it on a pink background, a deeper grey background or a black background.

That's it, those are the three main rules.

Typography

We use Montserrat for headlines and subheaders

Montserrat Bold in dark grey (hex #333)

Montserrat Regular in pink (hex #CE0058)

Montserrat Bold in dark grey at smaller sizes (hex #333)

We use either Lato Sans or Droid Sans for body copy and smaller text, depending on which is available. Stick to one or the other, though (don't mix'em).

An example of Lato Sans being used as body copy.
Sed vel dolor ac turpis interdum bibendum et quis mi. Phasellus et semper tellus. Nullam venenatis adipiscing augue eget dapibus. Sed eros augue, mattis et eleifend in, luctus quis velit. Nunc sed nibh ut sapien pulvinar interdum. Maecenas lobortis justo eget turpis eleifend lacinia. Suspendisse sit amet leo tortor. Praesent faucibus ligula tempor sem sollicitudin volutpat. Nulla facilisi.

An example of Droid Sans being used as body copy.
Sed vel dolor ac turpis interdum bibendum et quis mi. Phasellus et semper tellus. Nullam venenatis adipiscing augue eget dapibus. Sed eros augue, mattis et eleifend in, luctus quis velit. Nunc sed nibh ut sapien pulvinar interdum. Maecenas lobortis justo eget turpis eleifend lacinia. Suspendisse sit amet leo tortor. Praesent faucibus ligula tempor sem sollicitudin volutpat. Nulla facilisi.

Lastly, for asides and meta text (often used to explain things) we use Nanum Pen Script.

hex #2F96B4
hex #666666
hex #CE0058

Colors

Color palette

#CE0058
#2F96B4
#333
#666
#999
#CACACA

Pink is our primary color. We use it with different levels of grey and white. We aren't too strict with the shades of grey, but we typically use the variations displayed on the left.

The blue is used very sparingly as a simple accent. A good rule of thumb is that the pink should always be the more prominent color used.

Legal Stuff

Legal reminders and all that other fun stuff:

Please don't display these graphics in a way that implies you have an affiliation with or endorsement by Uberflip with your product, service, business, venture, idea, etc.

Please don't use these assets as part of your own business, product, or service's name. They are exclusive property of Uberflip.

Don't alter these elements or combine them with other elements to create new assets.

Please respect our right to request articles infringing on our copyright and business practices be taken down in a timely fashion if used inappropriatly.

Tell us a bit about yourself and an Uberflip Content Strategist will get back to you by the end of the day.

*All fields are required