Decode a site

HyperSuit

“Near-black with one electric blue, photography bled to the edge, and mono telemetry ticking along the bottom of the fold like a readout. The feature row underneath is line icons and two lines each, which is what lets the hero stay as loud as it is.”

Own this site? Claim it, correct it, or ask for it to come down. No account needed.

This website was built with

Framework
Next.js
Hosting
Vercel
Styling
Tailwind CSSlikely

Read from the response headers and the HTML this page served us on 2026-09-20, not from a database of guesses. Hover a name to see the exact string it came from. A stack can change the day after we look, and anything a site loads later we never saw.

Decode it → Visit live ↗ Screenshot tools ↓
HyperSuit web design (Dark, Big Type, Minimal)

Design DNA

Palette
Reading colours…
IndustryHardware
TypeProduct
PlatformCustom Code
StyleDark, Big Type, Minimal

More of the design

Curated sections · the build, top to bottom
HyperSuit, section 1 of the page as it rendersHyperSuit, section 2 of the page as it renders

Tools on this screenshot

Eyedrop its colours, send the palette to the Workbench, measure spacing, overlay a grid, or recreate it with AI. These run on our render, so they read pixels.

For the whole system read from the site's own CSS — the tokens it declares, roles with the token each came from, the type scale, spacing, breakpoints and states, measured contrast, and eight take-away formats including a DESIGN.md and a shadcn install — decode HyperSuit in full.