(STYLE GUIDE) THE BASICS
Style
guide.
The core building blocks of Merko — colour, type and a few components. Everything else is built from these.
(01)
Colour
Ink
#0E0E0E · bg/inverse
Paper
#F4F1EA · bg/page
Magenta
#E5007E · bg/accent
Yellow
#FFE600 · bg/highlight
Muted
#DAD5C8 · bg/muted
Line
#000000 · border/default
(02)
Typography
Display/Hero · 128px
Brands with
a backbone
Display/XL · 96px
Selected work
Heading/H1 · 64px
Four disciplines
Heading/H3 · 40px
A roast you can read
Heading/H5 · 24px
Nordvik Coffee
Body/LG · 20px
We build brands with a backbone — identity, websites and campaigns.
Body/MD · 16px
We build brands with a backbone — identity, websites and campaigns.
Label/MD · 16px
Start a project
Eyebrow · 12px
(SELECTED WORK) 2024 — 2026
(04)
Elements
Full name
Your name
We reply within two working days.
2 roles open
Style
guide.
The core building blocks of Merko — colour, type and a few components. Everything else is built from these.
(01)
Colour
Ink
#0E0E0E · bg/inverse
Paper
#F4F1EA · bg/page
Magenta
#E5007E · bg/accent
Yellow
#FFE600 · bg/highlight
Muted
#DAD5C8 · bg/muted
Line
#000000 · border/default
(02)
Typography
Display/XL · 96px
Brands
with a
backbone
Heading/H2 · 48px
Selected work
Heading/H4 · 32px
A roast you can read
Body/LG · 20px
We build brands with a backbone.
Body/MD · 16px
We build brands with a backbone.
Eyebrow · 12px
(SELECTED WORK) 2024 — 2026
(04)
Elements
Full name
Your name
We reply within two working days.
(04) Alternates
(05) Utility