Inside the Maticrobots website design
Maticrobots is a technology website built with custom code and Next.js. Its pages are built from hero, features, and footer sections, shown here in full-page captures and a scroll recording. Typography: Trim Mono. Palette: #FFE0A0, #202000, #E08040.
Matic sees and avoids toys, cords, and clutter while quietly vacuuming and mopping. Try risk-free for six months. Its visual style is minimal, photographic, and colourful, with primary button, icon button, and modal overlay among its components.
Why we picked it
A warm yellow panel paired with a close up photo of the robot nestled in autumn leaves sets a cozy, seasonal mood rather than a cold tech look. The large bold headline and dark pill button on bright yellow make the offer easy to spot and act on at a glance.
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
- Footer: grouped navigation with clear column headings
Sections from Maticrobots
Questions designers ask
What fonts does Maticrobots use?
Maticrobots uses Trim Mono, read from the fonts loaded on the captured page.
What is the Maticrobots website built with?
The Maticrobots website is built with custom code and Next.js, detected when the page was captured.
What colours does the Maticrobots website use?
The captured palette includes #FFE0A0, #202000, and #E08040.
What sections does the Maticrobots website have?
The Maticrobots website includes hero, features, 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 Maticrobots'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 Maticrobots's typography, colours, and components for your team or an AI tool.
