every site, one index →
design, built to shipproducts and sites made with care,from the canvas to the code
I design and build interfaces, tools and websites, and see each one through from the first sketch to the live product.
75%Share
Desktop / Studio
StudioSearch
Projects24+3
In review62 today
Shipped18+5
Top items- Brand systemv3
- Landing pagelive
- Motion kitdraft
- Icon setv2
Mobile
9:41
Studio
Projects24
- Brand systemv3
- Landing pagelive
- Motion kitdraft
Desktop / Overview
OverviewSearch
Balance84,210+4.2%
Spend12,480-1.1%
Saved9.2%+0.6
Top items- Rent2,400
- Groceries640
- Travel1,180
- Subscriptions96
Mobile
9:41
Overview
Balance84,210
- Rent2,400
- Groceries640
- Travel1,180
Desktop / Endpoints
EndpointsSearch
Requests1.2M+12%
p95142 ms-8 ms
Errors0.08%-0.02
Top items- GET /users200
- POST /orders201
- GET /status200
- DELETE /cache204
Mobile
9:41
Endpoints
Requests1.2M
- GET /users200
- POST /orders201
- GET /status200
Desktop / Library
LibrarySearch
Docs312+28
Summaries1,048+96
Avg read2 min-40 s
Top items- Product spec12 pp
- Research notes8 pp
- Design brief4 pp
- Release plan6 pp
Mobile
9:41
Library
Docs312
- Product spec12 pp
- Research notes8 pp
- Design brief4 pp
Desktop / Workflows
WorkflowsSearch
Runs8,940+640
Success99.2%+0.3
Avg time3.4 s-0.5
Top items- Onboardingon
- Daily syncon
- Alertspaused
- Cleanupon
Mobile
9:41
Workflows
Runs8,940
- Onboardingon
- Daily syncon
- Alertspaused
Desktop / Insights
InsightsSearch
Events4.8M+9%
Active12.4k+6%
Retention61%+2
Top items- Signups1,204
- Activation58%
- Weekly use7.1k
- Churn risk3%
Mobile
9:41
Insights
Events4.8M
- Signups1,204
- Activation58%
- Weekly use7.1k
~/work/morphiq
❯ design the studio home, then ship it
✓ read 7 layers from the canvas
✓ wrote the components, kept tokens in sync
made with the tools of the craft
- HTML
- CSS
- TypeScript
- React
- Vite
- Node
- WebGL
- SVG
- Python
- Figma
- Cloudflare
- HTML
- CSS
- TypeScript
- React
- Vite
- Node
- WebGL
- SVG
- Python
- Figma
- Cloudflare
design meets code
one set of tokens,shared by the canvas and the code
Colour, type and spacing are defined once and used everywhere, so a change in the mockup is a change in the product. Nothing gets copied over by hand.
Desktop / Overview
OverviewSearch
Balance84,210+4.2%
Spend12,480-1.1%
Saved9.2%+0.6
Top items- Rent2,400
- Groceries640
- Travel1,180
- Subscriptions96
Mobile
9:41
Overview
Balance84,210
- Rent2,400
- Groceries640
- Travel1,180
~/work/finpilot
❯ wire the overview to live numbers
✓ read 7 layers from the canvas
✓ wrote the components, kept tokens in sync
real content first
no lorem ipsum here,every screen starts with real words
Layouts are drawn around actual copy and actual numbers, so what gets approved is exactly what ships.
Desktop / Library
LibrarySearch
Docs312+28
Summaries1,048+96
Avg read2 min-40 s
Top items- Product spec12 pp
- Research notes8 pp
- Design brief4 pp
- Release plan6 pp
Mobile
9:41
Library
Docs312
- Product spec12 pp
- Research notes8 pp
- Design brief4 pp
~/work/documind
❯ turn this spec into a one-page brief
✓ read 7 layers from the canvas
✓ wrote the components, kept tokens in sync
craft over volume
let the tools do the repeating,keep the judgement human
Responsive variants and consistency checks are automated, so the hours go to taste, detail and the calls that need a designer’s eye.
Desktop / Insights
InsightsSearch
Events4.8M+9%
Active12.4k+6%
Retention61%+2
Top items- Signups1,204
- Activation58%
- Weekly use7.1k
- Churn risk3%
Mobile
9:41
Insights
Events4.8M
- Signups1,204
- Activation58%
- Weekly use7.1k
~/work/insightos
❯ make six mobile variations of insights
✓ read 7 layers from the canvas
✓ wrote the components, kept tokens in sync