Inside the MECHA website design
MECHA is built with Webflow, GSAP, and Three.js. Its pages are built from hero, gallery, team, and contact sections, shown here in full-page captures and a scroll recording. Typography: Flecha M (display text and headings) and Neue Haas Grotesk (body text). Colours: background #FFFFFF, text #262933, main buttons #911A46.
Mecha Capital deploys physical automation into waste management, healthcare, and landscaping. Investing in robotics and AI to transform legacy industries. Its visual style is minimal, editorial, and corporate, with navigation bar, split hero, and primary button among its components.
Why we picked it
White space and isometric line-drawings of machinery give a technical, engineering feel, while large serif headlines keep the tone editorial rather than corporate. Each portfolio company repeats the same pattern of logo, stats row and photo pair, so figures like recovery rate and headcount reduction are easy to compare as you scroll.
What to look for
- Hero: a specific headline instead of a generic slogan
- Gallery: minimal interface around the images
- Team: consistent portrait style
- Contact: a direct email or a short form
Questions designers ask
What fonts does MECHA use?
MECHA uses Flecha M for display text and headings, and Neue Haas Grotesk for body text, measured from the captured page's CSS.
What is the MECHA website built with?
The MECHA website is built with Webflow, GSAP, and Three.js, detected when the page was captured.
What colours does the MECHA website use?
Measured from the captured page's CSS, the MECHA website uses #FFFFFF for the background, #262933 for text, and #911A46 for main buttons.
What sections does the MECHA website have?
The MECHA website includes hero, gallery, team, and contact sections. Each one opens on its own page, so you can compare it with the same section on other websites.
