Template docs
style guide
The building blocks of the template. Colours are Theme variables with a Day and a Night mode; type is set in Switzer.
Colours
Background
#EBE8E1 · night #1F1E1B
Text
#1D1C19 · night #E6E1D6
Text muted
#6B665C · night #8F8A7F
Placeholder
#DFDBD2 · night #2A2925
Backdrop
#D6D2C8 · night #141311
Border
14% text · night 13%
Night mode — the theme-night class switches every colour
Background
Text
Text muted
Placeholder
Backdrop
Border
Type scale
kova
index
Hi Noa, my name is…
Circle Water
Identity and launch for a ribbed aluminium cabin case.
The ribs became the system, from handle to wheel.
Local time 09:44
Components
Header — brand (rolls to “Digital Designer” on hover), Menu, Contact, local clock and Day/Night switch. Shared component.
Reel card — Cases Collection List item: name, category, year and a 4:3 image or video.
Archive row — number, name, discipline and year with a cursor preview.
Contact panel — fill-in sentence that submits to the native Contact form.
Tag styles
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph text inherits Switzer from the Body tag. Links like this one take the surrounding colour.
- Unordered list item
- Second item
- Ordered list item
- Second item
One clear idea, carried all the way to the last pixel.
