sketch.kurai.ltd
Product Tool layout studies
Three takes on the same product surface — calm editorial, linear-dense, and split-focus. Each is a self-contained single-page demo. Pick one to enter.
01 · light
Calm Editorial
Generous whitespace, big type, slow rhythm. Reads like a magazine — for thoughtful, low-density browsing.
Open variant
02 · dark · dense
Linear Dense
Compact rows, monospace numerals, max information density. Power-user territory; everything one keystroke away.
Open variant
03 · split-pane
Split Focus
List on the left, detail on the right. Optimised for AI-assisted workflows where context and action live side-by-side.
Open variant
Design Calibration Studies
19 brand design systems rendered, self-critiqued via vision, and iterated to fidelity. Each card links to the live HTML study — click to explore.
Linear 4.6
Issue list (sidebar + grouped rows + filters)
Stripe 4.5
Pricing + payment form (mobile-aware)
Vercel 4.75
Deployment list / project dashboard
Notion 4.5
Editor + sidebar with blocks
Supabase 4.0
Database table editor
Raycast 4.5
Command palette
Apple 5.0
Product hero + feature tiles (mobile-aware)
D
M
Sentry 4.0
Issue stream (desktop-intent)
D
M
Spotify 4.0
Now-playing + playlist sidebar (mobile-aware)
Figma 4.8
Design tool (canvas + layers + inspector)
Mintlify 4.75
Documentation page
Cursor 4.4
IDE editor + AI chat panel
D
M
Resend 5.0
Calibration study
D
M
Posthog 4.0
Analytics dashboard (desktop-intent)
Warp 4.7
Terminal (block-based UI)
Cohere 4.25
AI playground / dashboard
D
M
Cal 2.0
Calibration study
Replicate 4.5
Model detail page
D
M
Airbnb 5.0
Search results card grid (mobile-aware)
Intercom 4.4
Inbox (support agent workspace)
Coinbase 2.0
Calibration study
Claude 4.7
Chat interface
Framer 4.8
Design editor (canvas + layers + inspector + toolbar)
Miro 4.8
Infinite canvas whiteboard
Airtable 4.0
Grid view (spreadsheet database)
x.ai (Grok) 4.6
Chat interface (conversation + sidebar)
Webflow 5.0
Designer editor
D
M
Pinterest 4.0
Home feed masonry grid (mobile-aware)
D
M
Wise 4.7
Multi-currency dashboard
Revolut 4.7
App main screen (balance + cards + transactions)
D
M
Mongodb 4.0
Atlas cluster dashboard (desktop-intent)
D
M
Kraken 4.0
Pro trade interface (desktop-intent)
D
M
Clickhouse 4.0
SQL playground (desktop-intent)
Superhuman 4.6
Email client inbox
D
M
Linear (Mobile) 4.6
Issue list — mobile-first rebuild
D
M
Stripe (Mobile) 4.5
Pricing + payment form — mobile-first rebuild
D
M
Notion (Mobile) 5.0
Block editor — mobile-first rebuild
D
M
Vercel (Mobile) 4.0
Deployments dashboard — mobile-first rebuild
D
M
Figma (Mobile) 4.0
Canvas editor — mobile-first rebuild
D
M
Sentry 4.3
Issue stream (issue list)
D
M
Linear 4.3
Issue list (gym clone)
D
M
Cal.com (Mobile) 4.8
Booking flow — mobile-first rebuild (horizontal date scroller, sticky CTA)
D
M
Wise (Mobile) 4.6
Multi-currency dashboard — mobile-first rebuild (vertical convert, 57px balance)
D
M
Coinbase (Mobile) 4.4
Asset/trade page — mobile-first rebuild (price hero, sticky blue Buy CTA)
D
M
PostHog 4.4
Trends / insights analytics dashboard (dark product surface)
Mistral.ai 4.5
Le Chat AI playground
Together.ai 4.6
Model playground (inference + API)
RunwayML 4.6
Video AI editor (generation tray + canvas)
ElevenLabs 4.4
Text-to-speech studio (text + voice + waveform)
Ollama 4.6
Model library (local LLM management)
OpenCode.ai 4.4
AI coding TUI (chat + diff + tools)
Minimax 4.2
AI chat/playground interface
NVIDIA 4.3
Developer dashboard (NGC/GPU cloud)
HashiCorp 5.0
Terraform Cloud dashboard
Uber 4.78
Ride-hailing app (map + bottom sheet)
IBM 4.0
Carbon Design dashboard
Zapier 5.0
Automation dashboard
Lovable 4.6
AI app builder
Expo 5.0
EAS build dashboard
Sanity 4.6
Studio CMS (content editor)
SpaceX 4.8
Mission control / tracker
Clay 5.0
CRM / contact enrichment workspace
D
M
Composio 4.4
Integration Hub dashboard (tool catalog + activity + code terminal)
VoltAgent 4.4
Agent engineering platform
BMW 4.6
Car configurator (3 Series)