Inside the Hone website design
Hone is an AI website built with custom code, Astro, and GSAP. Its pages are built from features, hero, editorial, feature grid, team, and footer sections, shown here in full-page captures and a scroll recording. Typography: FT Aktual-13a0b0149837d76d. Palette: #80A060, #C0FFC0, #80C0C0.
Engines are persistent agents inside your organization. Give an Engine an outcome, and it onboards itself, works with your team, and improves over time. Its visual style is bold, minimal, and corporate, with announcement bar, hero, and primary button among its components.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- Hero: a specific headline instead of a generic slogan
- Editorial: expressive typography with comfortable reading measure
- Feature Grid: mixed card sizes that show priority
Questions designers ask
What fonts does Hone use?
Hone uses FT Aktual-13a0b0149837d76d, read from the fonts loaded on the captured page.
What is the Hone website built with?
The Hone website is built with custom code, Astro, and GSAP, detected when the page was captured.
What colours does the Hone website use?
The captured palette includes #80A060, #C0FFC0, and #80C0C0.
What sections does the Hone website have?
The Hone website includes features, hero, editorial, feature grid, team, 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 Hone'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 Hone's typography, colours, and components for your team or an AI tool.
