Portabase

Brand Center

Everything you need to talk about Portabase: logos, colors and presentation material. Free to use, as long as the marks stay intact.

Logos

Use the light version on light backgrounds, the dark or white version on dark backgrounds.

Full logo — light background

Full logo — light background

logotype and symbol

Full logo — dark background

Full logo — dark background

logotype and symbol

Monochrome white

Monochrome white

for photos and colored backgrounds

Symbol only

Symbol only

avatars and favicons

Colors

Orange carries the brand. The neutrals come from the interface palette.

Portabase Orange

#FF6600

Ink

#262626

Slate

#6B7280

Surface

#FFFFFF

Surface dark

#171717

Typography

Three families: Author for headings, Plus Jakarta Sans for body copy, Sora for product surfaces.

Aa

Back up your databases

Author

Headings

Headlines and titles. Used in Bold, variable weight.

Aa

Back up your databases

Plus Jakarta Sans

Body copy

Interface, paragraphs and navigation. Available on Google Fonts.

Aa

Back up your databases

Sora

Product

Product interfaces and technical material. Available on Google Fonts.

Backgrounds

Brand gradients, from Portabase orange to black. Use them behind the white monochrome logo.

Orange gradient

Stepped gradient

Usage

  • Keep clear space around the logo equal to the height of the symbol.
  • Do not stretch, rotate, recolor or add effects to the logo.
  • Do not rebuild the logo with a different typeface.
  • Portabase is led by a non-profit organization: do not imply an endorsement or a partnership that does not exist.