How do I add logos, colors and fonts?

Use the Logos, Colors and Fonts steps in the brand editor.

Updated Oct 28, 20262 min read

Use the Logos, Colors and Fonts steps in the brand editor.

Logos

  • Icon and Main logo: PNG, JPG, WebP or SVG, up to 10 MB. Banner: PNG, JPG or WebP, up to 10 MB.

  • Pick files by uploading, from your library, from Dropbox or from Google Drive (the last two when connected).

  • Additional logos: up to 20. Give each a name, a type (primary, secondary, monochrome, reversed, icon, favicon, square, social media) and a usage (digital, print, all purpose).

  • Offer black and white versions (on by default): visitors can download one-color black or white versions of your logo. This works when the logo has a transparent background. Upload SVG logos with transparency for the best result.

Colors

  • A primary color, an optional secondary color and up to 30 additional colors, each with an optional name.

  • Visitors see HEX, RGB and CMYK, and Pantone when you set it.

  • For print, set CMYK and a Pantone name yourself. Without them the page shows an approximate CMYK worked out from the screen color.

Fonts

  • Two slots: Headline and Body.

  • Choose Google (pick from the list) or Custom (a name, and optionally a font file: .woff2, .woff, .ttf or .otf, up to 10 MB). Visitors can download a custom font file you upload, so only upload fonts you may share.

  • Adobe Fonts: paste your own Adobe Fonts web project ID in Settings → Integrations, then pick from the Adobe tab. Adobe fonts show on the page in their own style but cannot be downloaded.

Limits

Up to 30 colors, 20 additional logos and 40 print color overrides.

Related

Guidelines, team and press

Next: add guideline sections.

More in Branding