Inside the Zaro website design
Zaro is an AI website built with custom code, Tailwind CSS, and Three.js. Its pages are built from hero, features, product demo, blog, feature grid, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Saans (display text, headings, and body text) and JetBrains Mono (monospaced text). Colours: background #FAFAF8, text #130D0B, main buttons #201613, accent #8566EC.
One current, attributable account of how your business actually runs, rewritten by the work itself as the business changes. Its visual style is minimal, corporate, and typographic, with navigation bar, hero, and logo strip among its components.
Why we picked it
A floating isometric cube of coloured dots turns an abstract data idea into a tangible object, while bold black headlines over an off-white background keep the heavy subject matter easy to read. Three-column photo cards and dark chat-style mockups break the long scroll into clear chapters, and small file names and version tags add a sense of proof.
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
- CTA: a short restatement of the main benefit
Questions designers ask
What fonts does Zaro use?
Zaro uses Saans for display text, headings, and body text, and JetBrains Mono for monospaced text, measured from the captured page's CSS.
What is the Zaro website built with?
The Zaro website is built with custom code, Tailwind CSS, and Three.js, detected when the page was captured.
What colours does the Zaro website use?
Measured from the captured page's CSS, the Zaro website uses #FAFAF8 for the background, #130D0B for text, #201613 for main buttons, and #8566EC as an accent.
What sections does the Zaro website have?
The Zaro website includes hero, features, product demo, blog, feature grid, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
