Live demo — an original page built in the Hatch style. Open in new tab
A ship-fast indie-hacker aesthetic — bold, practical, metric-forward UI with zero fluff and a make-it-work attitude.
Install via CLI
$ npx staqd add hatchHatch is the look of something built by one person who shipped it this weekend — and it actually works. It is blunt, dense, and unapologetically practical: big numbers, clear actions, no decorative filler.
The personality is confident and a little scrappy. The green accent reads like a green light — a "go" signal that pushes the user toward the one action that matters. Reach for Hatch when speed, clarity, and credibility matter more than polish-for-polish's-sake: solo SaaS, launch pages, internal tools, and dashboards that exist to get things done.
Unlock the full Hatch spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
Build a SaaS metrics dashboard in the Hatch style: a tight grid of stat cards with huge bold numbers, green up-deltas and muted down-deltas, a clean revenue chart, and a single bold green primary action. Keep it dense, fast-scanning, and free of decorative chrome.
A soft, extruded interface where elements appear to push out of or press into a single continuous surface using paired light and dark shadows.
An expressive, hand-made design system blending organic blobs, playful illustration, and unconventional layouts into interfaces that feel like a living sketchbook.
A spatial design system that uses angled planes, layered depth, and foreshortening to give flat screens a dynamic, three-dimensional sense of direction.