Inside the Zoah website design
Zoah is a developer tools website built with custom code. Its pages are built from hero, features, feature grid, stats, and footer sections, shown here in full-page captures and a scroll recording. Typography: Zalando Sans (display text, headings, and body text). Colours: background #F6F6F5, text #000000, surface #FFFFFF, secondary text #868685.
The next evolution in software development. Design, build, and deploy, all from Zoah. Its visual style is minimal, typographic, and bold, with navigation bar, hero, and primary button among its components.
Why we picked it
Large black panels with swirling chrome and liquid-glass spheres break up a light grey page, giving each feature its own visual beat as you scroll. A four-column grid of plain line icons and short labels further down keeps dense technical claims easy to scan at a glance.
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
- Feature Grid: mixed card sizes that show priority
- Stats: three or four numbers that matter to the buyer
Questions designers ask
What fonts does Zoah use?
Zoah uses Zalando Sans for display text, headings, and body text, measured from the captured page's CSS.
What is the Zoah website built with?
The Zoah website is built with custom code, detected when the page was captured.
What colours does the Zoah website use?
Measured from the captured page's CSS, the Zoah website uses #F6F6F5 for the background, #000000 for text, #FFFFFF for surfaces, and #868685 for secondary text.
What sections does the Zoah website have?
The Zoah website includes hero, features, feature grid, stats, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
