Internal
Design Hub
Design system, prototypes and visual references for create by™.
Brand Assets
Favicon — Light
64 × 64
Favicon — Dark
64 × 64
Wordmark
109 × 20
Colours
Background
#fafaf9
#0f0f0e dark
Foreground
#1c1917
#f5f5f4 dark
Stone 400
#a8a29e
#57534e dark
Stone 200
#e7e5e4
#292524 dark
Cream
#EDE6D2
Forest
#253025
Sage
#7E897E
Teal
#009CBC
Plum
#7E197A
Amber
#FFB401
Typography
Design that moves organisations forward.
Working on something worth building?
Innovation & Product Strategy
Twenty years working at the intersection of design, strategy and technology.
Research-led, prototype-driven interface design. From first principles to high-fidelity.
WHAT I DO — SELECTED WORK — GET IN TOUCH
Animations
Fade + drift
Content fades up 18px on scroll enter. 0.55s cubic-bezier.
Line draw
Dividers scale from 0 → 1 left-to-right as they enter. 0.7s cubic-bezier.
Stagger
Grid/list children enter with 90ms delay between each item.
Nav solidify
Nav backdrop opacifies as user scrolls past 24px.
Slide from left
Work rows slide in 12px from the left with 90ms stagger between items. 0.5s cubic-bezier.
Lines interaction
Cursor-reactive flow field. Noise-driven SVG paths follow the mouse with a spring; dampens to idle waves.
create clarity
Word scramble
Hero headline cycles through word pairs with a per-character scramble (~550ms). Re-fires on a 3.2s + 4.7s interval.