hello 👋
This brand style guide is designed to be used with the "free" Webflow project without any custom code.
There is also an expanded version for smaller projects, you can check out by clicking here.
Just don't forget to delete the page you don't need.
primary colors
Brand Primary
Pantone: 7481 C
C: 100 M: 0 Y: 48 K: 25
#00BF63
Brand Tertiary
Pantone: 5463 C
C:97 M: 0 Y: 6 K: 86
#012422
Brand Light
Pantone: 663 C
C:0 M: 2 Y: 9 K: 2
#F9F4E3
Brand Secondary
Pantone: 114 C
C:0 M: 12 Y: 73 K: 5
#F2D642
Dark Secondary
Pantone: 5463 C
C:97 M: 0 Y: 6 K: 86
#012422
Brand Dark
Pantone: 446 C
C: 20 M: 6 Y: 0 K: 73
#384246
fonts
Leading font
Great for big bold titles, or main headings for grabbing attention. Try to have only one and make it punchy!
Geologica: Bold
- All Caps
- Kerning Optical
- Leading is 90% font size
Geological Bold is our leading font.
Supporting font
For supporting the main title, or when you want something less bombastic.
Geologica: Medium
- Sentense Case
- Kerning Optical
- Leading is 120% font size
Geological medium is our supporting font
Paragraph font
For detail text and paragraphs.
Geologica: Extra Light
- Kerning Optical
- Tracking 2
- Leading is 120% font size
Geologica is our paragraph font. We use extra light for our body copy and paragraphs. On body copy and paragraphs, Geologica Bold can be used to highlight certain words or phrases. There are some recommendations about the use of kerning, tracking and leading.
