Inside the Kylon website design
Kylon is an AI website built with Webflow and Next.js. Its pages are built from hero, features, FAQ, and footer sections, shown here in full-page captures and a scroll recording. Typography: Geist. Palette: #FFE0E0, #C0C0A0, #808060.
Kylon by Pure Reason is a company harness: AI agents join your team as members, with their own memory and permissions, and execute real work. Its visual style is minimal and corporate, with feature collection, hero, and footer among its components.
Why we picked it
A warm, illustrated cutaway villa full of people at desks sets a human, collaborative mood before the product even loads, contrasting software coldness with painterly calm. Below, a real chat and app interface in soft greens and muted beige shows actual data tables and messages, making an abstract AI concept feel like a concrete, trustworthy tool.
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
- FAQ: questions written the way customers actually ask them
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does Kylon use?
Kylon uses Geist, read from the fonts loaded on the captured page.
What is the Kylon website built with?
The Kylon website is built with Webflow and Next.js, detected when the page was captured.
What colours does the Kylon website use?
The captured palette includes #FFE0E0, #C0C0A0, and #808060.
What sections does the Kylon website have?
The Kylon website includes hero, features, 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 Kylon'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 Kylon's typography, colours, and components for your team or an AI tool.
