Creative director

Los Angeles, CA

Your time

11:40 AM

Creative director

Menu

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

Still life object in the studio

Ojai Grove

Studio portrait with warm light

Ora Jewelry

Outdoor adventure in the mountains

Westwind Air

Hikers on rocky terrain

Rally Motors

Object on a pale backdrop

Kiln Studio

Create a free website with Framer, the website builder loved by startups, designers and agencies.