Inside the Zero website design
Zero is an education website built with Framer. Its pages are built from hero, other, testimonials, and CTA sections, shown here in full-page captures and a scroll recording. Typography: Fustat. Palette: #404060, #C0A0A0, #808060.
An all-in-one app to get hired into the world's most in-demand careers. Build real projects in immersive, AI-native experiences — no textbooks, no debt. Beta members get a guaranteed interview. Its visual style is illustrative, playful, and editorial, with hero with background imagery, primary button, and floating product card among its components.
Why we picked it
A top-down desk scene with a cutting mat, old mouse and scattered mail sets a scrapbook mood, then a mock diploma in gothic type pokes fun at useless degrees before the page pivots to green sans-serif headlines on cream. Company logo chips and screenshot cards break the long scroll into clear, scannable chapters showing the product's actual screens.
What to look for
- Hero: a specific headline instead of a generic slogan
- Testimonials: names, roles, and photos or logos for credibility
- CTA: a short restatement of the main benefit
Questions designers ask
What fonts does Zero use?
Zero uses Fustat, read from the fonts loaded on the captured page.
What is the Zero website built with?
The Zero website is built with Framer, detected when the page was captured.
What colours does the Zero website use?
The captured palette includes #404060, #C0A0A0, and #808060.
What sections does the Zero website have?
The Zero website includes hero, other, testimonials, and CTA sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Zero'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 Zero's typography, colours, and components for your team or an AI tool.
