Decode a site

Electronic Materials Office

“Sells hardware by switching the lights off: a near-black page where photography of the product is the only illustration, a serif display line over a light grotesque, and the single saturated colour on screen saved for one glowing Reserve button. 26,000px of scroll and twelve inline videos, and not one stock graphic.”

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

Decode it → Visit live ↗ Screenshot tools ↓
Electronic Materials Office web design (Big Type, Minimal, Motion)

Design DNA

Palette
Reading colours…
IndustryHardware
TypeCompany
PlatformCustom Code
StyleBig Type, Minimal, Motion

More of the design

Curated sections · the build, top to bottom
Electronic Materials Office, section 1 of the page as it rendersElectronic Materials Office, 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 Electronic Materials Office in full.