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
logotype and symbol
Full logo — dark background
logotype and symbol
Monochrome white
for photos and colored backgrounds
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.
Author
Headings
Headlines and titles. Used in Bold, variable weight.
Back up your databases
Plus Jakarta Sans
Body copy
Interface, paragraphs and navigation. Available on Google Fonts.
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.