Inside the Ghost AI website design
Ghost AI is an AI website built with custom code and Next.js. Its pages are built from hero, features, editorial, footer, feature card, and CTA sections, shown here in full-page captures and a scroll recording. Typography: Archivo. Palette: #404060, #6080A0, #A0A0C0.
Here at Ghost, we are building Core, the personal AI computer designed to keep intelligence and control in the hands of the people who use them. Its visual style is minimal, bold, and corporate, with navigation bar, hero, and primary button among its components.
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
- Editorial: expressive typography with comfortable reading measure
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does Ghost AI use?
Ghost AI uses Archivo, read from the fonts loaded on the captured page.
What is the Ghost AI website built with?
The Ghost AI website is built with custom code and Next.js, detected when the page was captured.
What colours does the Ghost AI website use?
The captured palette includes #404060, #6080A0, and #A0A0C0.
What sections does the Ghost AI website have?
The Ghost AI website includes hero, features, editorial, footer, feature card, 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 Ghost AI'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 Ghost AI's typography, colours, and components for your team or an AI tool.
