Inside the Mecka website design
Mecka is an AI website built with custom code. Its pages are built from features, footer, hero, logo cloud, editorial, process, feature grid, CTA, and FAQ sections, shown here in full-page captures and a scroll recording. Typography: Space Grotesk. Palette: #202000, #E0E0C0, #606040.
Mecka is the data and deployment layer for physical AI — capturing, structuring, and evaluating real-world activity into datasets robotics and AI teams can train on. Its visual style is illustrative, minimal, and typographic, with navigation bar, hero, and logo strip among its components.
Why we picked it
A blueprint grid background and a hand-drawn orange robotic arm turn an abstract data product into a tangible machine, while the engineering drawing labels like DWG NO. and SCALE add a lab-notebook credibility. Heavy black type up top gives way to dark, chaptered sections lower down, pacing the long page into clear stages of the story.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- Footer: grouped navigation with clear column headings
- Hero: a specific headline instead of a generic slogan
- Editorial: expressive typography with comfortable reading measure
Questions designers ask
What fonts does Mecka use?
Mecka uses Space Grotesk, read from the fonts loaded on the captured page.
What is the Mecka website built with?
The Mecka website is built with custom code, detected when the page was captured.
What colours does the Mecka website use?
The captured palette includes #202000, #E0E0C0, and #606040.
What sections does the Mecka website have?
The Mecka website includes features, footer, hero, logo cloud, editorial, process, feature grid, CTA, and FAQ sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Mecka'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 Mecka's typography, colours, and components for your team or an AI tool.
