Inside the Cusp website design
Cusp is an AI website built with custom code. Its pages are built from hero, features, feature card, team, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Aeonik. Palette: #008080, #C0C0E0, #60A0A0.
CuspAI’s mission is to unlock breakthrough materials needed for human progress, across semiconductors, energy and climate. Our AI powers the AI Materials Foundry, a global network of pioneering industry, lab and data partners. Its visual style is minimal, bold, and geometric, with hero with background imagery, testimonial card, and logo strip among its components.
Why we picked it
Mirrored overhead footage of orange robotic arms gives an industrial, large-scale feel that grounds an abstract AI pitch in real hardware. Short white headlines stacked over dark footage, then a teal band of partner logos and quotes, pace the page from mission to proof to team, helping visitors trust the science quickly.
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 Card: one idea per card
- Team: consistent portrait style
Questions designers ask
What fonts does Cusp use?
Cusp uses Aeonik, read from the fonts loaded on the captured page.
What is the Cusp website built with?
The Cusp website is built with custom code, detected when the page was captured.
What colours does the Cusp website use?
The captured palette includes #008080, #C0C0E0, and #60A0A0.
What sections does the Cusp website have?
The Cusp website includes hero, features, feature card, team, CTA, 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 Cusp'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 Cusp's typography, colours, and components for your team or an AI tool.
