Brand assets

The Portify brand kit.

Everything you need to represent Portify accurately and consistently. Please review the usage guidelines before publishing.
Logo

The Portify mark.

Use the wordmark whenever possible. The icon-only version is reserved for small contexts like favicons and app icons.
Portify
Wordmark - light
Portify
Wordmark - dark
Portify
Icon - primary
Colors

Our palette.

Our colors adapt to light and dark mode. These are the core brand values.
Primary
#7033ff

Brand purple - buttons, links, accents

Foreground
#000000

Primary text (light mode)

Background
#fdfdfd

Page background (light mode)

Muted
#f5f5f5

Subtle backgrounds and dividers

Typography

Our typefaces.

Three families, all from Google Fonts. Editorial serif for marketing headlines, clean sans for UI, and a monospace for technical labels.

Marketing serif - Instrument Serif

Aa

Page headlines and editorial moments.

Sans-serif - Geist Sans

Aa

All UI text, navigation, and body copy.

Monospace - JetBrains Mono

Aa

Code, version numbers, technical labels.

Usage guidelines

Do's and don'ts.

Follow these guidelines to keep the Portify brand consistent and recognizable.
  • Do: Use the full wordmark when space allows
  • Do: Maintain clear space equal to the height of the 'P' around the logo
  • Do: Use the primary purple on white or dark backgrounds
  • Don't: Stretch, rotate, or distort the logo in any way
  • Don't: Change the logo colors outside of approved variants
  • Don't: Place the logo on visually busy backgrounds without a clear container