Inside the Enigma website design
Enigma is built with custom code and Next.js. Its pages are built from features, hero, editorial, product demo, dashboard, team, FAQ, and footer sections, shown here in full-page captures and a scroll recording. Typography: Antique (display text, headings, and body text). Colours: background #FFFFFF, text #000000, accent #FB2C36, surface #F2EBE2.
Enigma gives robots the intelligence to understand the world around them and the instinct to make them feel right in any situation. Its visual style is minimal, bold, and gradient, with navigation bar, hero, and video frame among its components.
Why we picked it
Soft blob shaped gradients in warm yellow, pink and teal open the page with an organic mood that softens the idea of robotics, then give way to plain white sections with large bold black headlines for easy scanning. Muted pastel bands separate product videos and clock like line diagrams, pacing a technical story into calm, readable chapters.
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
- Product Demo: the product doing real work, not a sizzle reel
Questions designers ask
What fonts does Enigma use?
Enigma uses Antique for display text, headings, and body text, measured from the captured page's CSS.
What is the Enigma website built with?
The Enigma website is built with custom code and Next.js, detected when the page was captured.
What colours does the Enigma website use?
Measured from the captured page's CSS, the Enigma website uses #FFFFFF for the background, #000000 for text, #FB2C36 as an accent, and #F2EBE2 for surfaces.
What sections does the Enigma website have?
The Enigma website includes features, hero, editorial, product demo, dashboard, team, FAQ, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
