Inside the Layers website design
Layers is a health website built with custom code and Next.js. Its pages are built from hero, features, testimonials, FAQ, and footer sections, shown here in full-page captures and a scroll recording. Typography: Fraunces. Palette: #002020, #E0E0C0, #A0A0C0.
Blood panels, DEXA body scans, multispectral skin imaging, and hair analysis, read together in one visit. layers measures every layer of your body so you can make informed decisions about your health. Its visual style is minimal, bold, and typographic, with navigation bar, feature card, and tag among its components.
Why we picked it
A glitched double portrait up top sets a clinical, high-tech mood, while a vertical ruler with numbered steps (01 Skin to 04 Metabolic) turns the dark page into a clear progression. White stacked cards with close-up body imagery and small mono labels break up the black background, making dense measurement data easy to scan one layer at a time.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Testimonials: names, roles, and photos or logos for credibility
- FAQ: questions written the way customers actually ask them
Questions designers ask
What fonts does Layers use?
Layers uses Fraunces, read from the fonts loaded on the captured page.
What is the Layers website built with?
The Layers website is built with custom code and Next.js, detected when the page was captured.
What colours does the Layers website use?
The captured palette includes #002020, #E0E0C0, and #A0A0C0.
What sections does the Layers website have?
The Layers website includes hero, features, testimonials, FAQ, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Layers's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Layers's typography, colours, and components for your team or an AI tool.
