Inside the Atlasmotion website design
Atlasmotion is built with custom code, Astro, and Three.js. Its pages are built from hero, features, feature card, editorial, process, and footer sections, shown here in full-page captures and a scroll recording. Typography: Suisseintl. Palette: #C0A0A0, #FFE0E0, #806060.
Atlas builds BLDC motors and actuators for defense and robotics — designed around your program, manufactured at scale. Its visual style is photographic, typographic, and corporate, with navigation bar, hero with background imagery, and primary button among its components.
Why we picked it
A tight close-up of machining tools shifts into a painterly sky and mountain, pairing gritty hardware with an almost dreamlike backdrop. Oversized cream headlines on near-black and muted-blue sections give each chapter, from raw metal to finished drone, room to breathe and keeps the long scroll easy to follow.
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
- Editorial: expressive typography with comfortable reading measure
Sections from Atlasmotion
Questions designers ask
What fonts does Atlasmotion use?
Atlasmotion uses Suisseintl, read from the fonts loaded on the captured page.
What is the Atlasmotion website built with?
The Atlasmotion website is built with custom code, Astro, and Three.js, detected when the page was captured.
What colours does the Atlasmotion website use?
The captured palette includes #C0A0A0, #FFE0E0, and #806060.
What sections does the Atlasmotion website have?
The Atlasmotion website includes hero, features, feature card, editorial, process, 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 Atlasmotion'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 Atlasmotion's typography, colours, and components for your team or an AI tool.
