Brand system
Lina styleguide
This page renders the Willwali Lina foundation tokens: colour, typography, spacing, radius, cards, inputs, buttons, and callouts.
Colours
coral primary
#C0533A
coral bright
#E8604C
off-white background
#FAF7F2
cream
#F5F0E8
near-black
#2C2C2C
gold accent
#C9963A
muted text
#666666
Typography
H1 Display 300
H2 Display 300
H3 Body medium heading
Body text uses DM Sans at a readable rhythm for mobile-first learning. The prose max-width is 680px, while content sections max out at 1120px.
Caption text for helper notes and quiet metadata.
JetBrains Mono for IDs and data: AA42
Spacing and radius
- Base unit
- 8px
- Content width
- 1120px
- Prose width
- 680px
- Card radius
- 12px
- Button radius
- 8px
- Input radius
- 4px
Buttons
Input
Card
Learning card
A 12px card surface with quiet border and soft depth.