Styleguide
Background/Page
#F6F5F2
Surface/Plate
#ECEAE5
Text/Primary
#141414
Text/Secondary
#6F6C66
Accent/Red
#C2321F
Text/On Accent
#F6F5F2
Display · Inter Display 160/112/64
Objects
Title · 56/44/32
Kitchen steel
Lead · 22/20/18
I photograph glass, steel and small objects.
Body · 14
Packshots, campaigns and material studies.
Body Muted · 14
Labels and secondary details.
Body Accent · 14
Active and hover states.
Twelve columns with 12px margins and gutters on every breakpoint. Navigation, lists and the footer sit on the same lines.
Hover states change colour in 0.15 s with an ease out.
Pages fade in over 0.6 s.
Titles rise letter by letter on load.
The cube twists one layer every 1.6 s and opens a photograph in 1 s.