Brand assets
Everything you need to write about or link to Granteon: the logo, colors, type and images sized for each platform. Please use them as they are.
Logo
- Keep clear space of at least half the mark's width on every side.
- Smallest sizes: the mark at 16px (below 24px, use the rounded app icon) and the full logo at 120px wide.
- Don't recolor, stretch or rotate it (the chevron always points right), add shadows or effects, put the sun mark on a light background, or set the name in another typeface.
Colors
Ground: hero, footer, share images
Cream 13.1:1, sun 7.5:1, sage 7.2:1 on it
Cards and panels on forest
Cream 10.2:1 on it
Deeper cards and art
Cream 7.6:1 on it
The headline's second line
7.2:1 on forest; text on sage is forest only
Light cards
Forest 10.6:1 on it
Text on forest, light ground
Forest 13.1:1 on it
The one warm accent: sticker, buttons, mark on dark
Forest 7.5:1 on it
Sun, pressed
Forest 6.3:1 on it
Type
Headings and the wordmark. 400 for display, 500 for the name. SIL Open Font License
Body, labels and buttons. 600 for labels, 800 for the sticker. SIL Open Font License
Handwritten eyebrows and taglines, used sparingly. SIL Open Font License
The lockup's tagline and small data. SIL Open Font License
Files
X header
1500×500X profile header. Text sits in y 60–440; the bottom-left corner stays clear for the avatar.
Download x-header.png
LinkedIn cover
1128×191LinkedIn company page cover. One line on the right; the logo overlap at the lower left stays clear.
Download linkedin-cover.png
Facebook cover
1640×624Facebook page cover. Text and sticker stay in x 265–1375, the mobile crop; the profile corner stays clear.
Download facebook-cover.png
YouTube banner
2560×1440YouTube channel art. Everything that matters sits in the 1546×423 center that every device shows.
Download youtube-banner.png
Profile avatar
1080×1080Profile picture on X, LinkedIn, Facebook, YouTube and Slack. Survives the circle crop.
Download avatar.png
App icon
512×512The rounded tile. Manifest icon and the Organization logo in search results.
Download icon-512.png
Maskable icon
512×512Android home screen. The mark sits inside the central 80% circle every mask keeps.
Download icon-maskable-512.png
Logo on light
1200×320Transparent PNG for cream, paper or white backgrounds.
Download lockup-light.png
