STYLEGUIDE
Colours
Background
#FFFFFF
Text
#0A0A0A
Text Muted
#6F6F6F
Nav Glass
White 40%, blur 24
Menu Glass
White 82%, blur 24
Type
Poster, 124 / 104 / 64, h1
Poster
Case Title, 40, h1 on project pages
Case title
Heading 3, 40
Heading three
Large, 32
Large text
Statement, 24 / 22 / 20
A short statement line
Lead, 20
Lead paragraph for intros
Body Muted, 14
Body text in a softer grey
Small, 13
Small text for captions
Meta, 13
Meta text for dates and notes
Nav, 12
NAVIGATION AND LABELS
Motion
Intro Loader: five project covers circle a count from 0 to 100, then the panel lifts. Pick them with Show in Intro in Projects. Once per visit, set in the layout template.
Project Ring: turns with scroll or swipe, cards turn flat on hover, optional tick sound.
Page transition: blinds reveal, 0.8 s. Edit it on the Home page under page effects.
Hover: letters scramble on links. Services cards fade through four images and back. On the 404 the ring’s ticks run from the cursor.
Smooth Scroll: Lenis, switch it off in the layout template.
Content
Projects: Title, Category, Year, Cover, Summary, Role, Image 1 to 5, Show in Ring, Show in Intro. Feeds the ring, the intro, Work and every project page.
Services: Title and four images for the hover cycle.
Clients, Experience, Recognition: the lists on About.
Remix project

Ojai Grove

Ora Jewelry

Westwind Air

Rally Motors

Kiln Studio