Brand assets
Logo files, colour values, and typefaces for press and partners.
Logo
Download all five files (.zip) ↓
Green icon, white text
Use on dark backgrounds, where the green icon and white text both hold up.
Green icon, dark text
The standard lockup. Use on light backgrounds, where the green icon and dark text both hold up.
All white
Monochrome white. Use on dark or coloured backgrounds where a single flat colour is required.
All black
Monochrome black. Use on light or coloured backgrounds where a single flat colour is required.
Icon mark
Icon only, no wordmark. For avatars, favicons, and tight spaces.
Colour
Brand
Scirona Greenbrand · #4CAF45
Light Greenbrand.light · #6FE068
Dark Greenbrand.dark · #3A9334
Forest Greenbrand.deep · #3A6B32
Green Tint 20%brand.alpha · #3EAA3733
Hero
Accent Greenhero.accent · #22C55E
Action Greenhero.cta · #3EAA37
Ink
Near Blackink · #121212
Graphiteink.secondary · #3D3D3D
Greyink.muted · #666666
Light Greyink.disabled · #999999
Whiteink.inverse · #FFFFFF
Pale Greyink.faded · #B8B8B8
Near Black 80%ink.overlay · #121212CC
Surface
Whitesurface · #FFFFFF
Warm Off-Whitesurface.alt · #F5F5F0
Warm Greysurface.subtle · #EFEFEB
Cool Off-Whitesurface.primary · #F0F5F9
Pale Blue-Greysurface.card · #f4f7f9
Dark
Blackdark · #0D0D0D
Off Blackdark.card · #1A1A1A
Dark Charcoaldark.step · #232323
Charcoal Greydark.elevated · #2B2B2B
Slate Greydark.border · #404040
Forest Greendark.green · #3A6B32
Black Tint 4%dark.alpha · #1212120A
Border
Silverborder · #D1D5DB
Light Silverborder.subtle · #E5E7EB
Typography
Space Groteskfont-space
Scirona
Display and heading typeface.
Geist Sansfont-sans
Scirona
Body and UI typeface.
Gemunu Librefont-gemunu
Scirona
Eyebrow typeface.
Geist Monofont-mono
Scirona
Monospace typeface.
Schibsted Groteskfont-schibsted
Scirona
Stat-number emphasis typeface.
Basic usage
Do
- Use the files above as-is, unedited.
- Pick the variant that has real contrast against your background.
- Give the logo some breathing room from surrounding text and graphics.
- Scale it proportionally, keeping the aspect ratio locked.
Don't
- Don't recolour the logo outside the provided variants.
- Don't stretch, skew, or rotate it.
- Don't place a dark-text variant on a dark background, or a white variant on a light one.