Akkedis Design System
Style guide & brand guidelines
A living reference of the colors, type, and components that make up akkedisdigital.com. Everything here is driven by the theme’s global styles — if a token changes, this page changes with it.
Palette
Colors
base
#FFFFFF
soft
#F7F8FA
line
#E6E8EC
contrast
#0B0F1A
slate
#5B6473
navy
#080D26
navy-soft
#0F1733
orange
#EB3903
amber
#F59D03
peach
#FDECE0
Gradients
Gradients
brand
navy
peach-fade
Typography
Type scale & fonts
Heading 1 — Space Grotesk
Heading 2 — Space Grotesk
Heading 3 — Space Grotesk
Heading 4 — Space Grotesk
Heading 5 — Space Grotesk
Heading 6 — Space Grotesk
Large body — Inter. The quick brown fox jumps over the lazy dog.
Default body — Inter. The quick brown fox jumps over the lazy dog.
Small / caption — Inter. The quick brown fox jumps over the lazy dog.
Eyebrow label style
Components
Buttons
On light background
On dark background