Inside the Volantis website design
Volantis is a hardware website built with Framer. Its pages are built from hero, comparison, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Funnel Display (display text and headings), Geist (body text), and Geist Mono (monospaced text). Colours: background #090E0D, text #FFFFFF, accent #FF6C0A, secondary text #6B6B6B.
Run giant AI models at low latency. Volantis photonic interconnect delivers SRAM-level bandwidth with rack-scale memory—1,000+ tok/s/user on frontier models. Its visual style is minimal, bold, and corporate, with navigation bar, announcement bar, and hero with background imagery among its components.
Why we picked it
A near black background with a glowing chip diagram and orange metric callouts (10TB, 240TB/s) makes dense hardware specs feel dramatic rather than dry. Logos of Nvidia, AMD and Apple sit in a quiet row for quick credibility, while the page shifts to white, orange grid, then dark again, pacing technical sections like short chapters.
What to look for
- Hero: a specific headline instead of a generic slogan
- Comparison: most important differences listed first
- CTA: a short restatement of the main benefit
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does Volantis use?
Volantis uses Funnel Display for display text and headings, Geist for body text, and Geist Mono for monospaced text, measured from the captured page's CSS.
What is the Volantis website built with?
The Volantis website is built with Framer, detected when the page was captured.
What colours does the Volantis website use?
Measured from the captured page's CSS, the Volantis website uses #090E0D for the background, #FFFFFF for text, #FF6C0A as an accent, and #6B6B6B for secondary text.
What sections does the Volantis website have?
The Volantis website includes hero, comparison, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
