Live demo — an original page built in the Dithered style. Open in new tab
Patterned pixel-grit and controlled noise give clean layouts a tactile, retro-machine character without sacrificing legibility.
Install via CLI
$ npx staqd add ditheredDithered is a retro-machine aesthetic that borrows the visual language of early bitmap displays — ordered stipple patterns, halftone bands, and controlled noise — and applies it with restraint to otherwise modern, well-spaced layouts. The grit lives in textures and edges, never in the typography or alignment, so the result reads as deliberate craft rather than chaos. It creates a feeling of analog warmth fused with engineered precision, like a well-made instrument. Reach for it when a product wants personality and a hand-built signal without tipping into full kitsch.
Unlock the full Dithered spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
Build a landing hero in the Dithered style: dark #0E0E12 background overlaid with a fine ordered-dither stipple band behind the headline, a tracked-tight Space Grotesk heading in #E8E4D8, and a solid #FF5C39 primary button with a 4px radius and 1px border.
An arcade-cabinet aesthetic of chunky 8-bit pixels, vivid primary colors, and coin-op energy that turns any interface into a high-score screen.
A nostalgic system of pixel edges, chunky borders, and warm vintage palettes that recaptures the charm of the early personal-computing web.
A nostalgic system of classic typography, muted earthy palettes, and timeworn texture for interfaces with character and warmth.