Design System
Every colour, size and movement this site is made of. Click a colour to copy it.
Colour
Neutrals
Green
Grass
Case studies
Type
Hero, Figtree 800, 40 to 92px
Designing for
Section, Figtree 500, 30px
My Work
Lead, Figtree 500, 17 to 21px
What gets built is my call.
Label, Figtree 500, 16px
Pet Buddha
Quiet, Figtree 400, 16px
Two small next steps at a time.
Signature, Momo Signature 400, 34px
m.
Spacing
4Inside small controls
8Between tags
12Pill inset, card to text
16Inside blocks
24Between cards, phone margin
32Heading to cards
48Tablet margin
64Desktop margin
80Between sections
Shape
26pxProject cards
16pxSmaller blocks
FullPills and buttons
Components
Logo
m.Resting
m.On hover
Buttons
See my work ↓Say hello
Labels
Designing with AI, for peopleFintechHealthcare
Project card
HDFC Bank • Video KYCGetting customers ready before their Video KYC callMotion
Rise
Rise0.9s, hero text arrivingHighlighter
Highlighter0.9s, the green swipeSettle0.3s, a card under the cursor