Mondragon

Item: Mondragon
Rating: 7.2

Framer template for modern digital and creative agencies.

A Framer Marketplace template by Sabo Sugi – Mondragon Template. Its words and photos are demo content.

Live preview Get this template Save page

7.2/10MABTU rating

DESKTOP · 1440 × 14,595/ ↗

MOBILE · 390

Rating · Home

Visual design7.6

UX & clarity7.2

Originality7.4

Craft & consistency7.4

Motion7.0

Performance & a11y8.0

This page scores 7.4; the site score weights the home page double.

Main colours

Light·off white background·mono

Typography

Space Monoheading · sans · google Interbody · sans · self-hosted

Stack & style

Framer React Three.js Google Fonts WebGL canvas

Minimal Bold typography Gradient-heavy Monochrome 3D Sharp / geometric Swiss grid Before/after slider FAQ accordion Marquee Process steps Stats band Sticky header

Design DNA

Template: white page, monospace for every label and bracketed index numbers ([01]…[08]) marking each band. The hero twists project thumbnails into a 3D helix above a page-wide wordmark. A grainy pale showreel panel carries a small circular play button. Services are five long uppercase rows offset progressively to the right with a tiny figure walking between them. Featured work pairs outsized result metrics with iridescent AI renders. The process band is black with alternating left and right step titles (DISCOVER, DEFINE, DESIGN, BUILD, LAUNCH, IMPROVE) on a hairline spine, and the footer repeats the helix motif.

Worth borrowing

Offset a service list progressively to the right so five rows read as a staircase.
Mark every section with a bracketed index number in monospace to build a technical voice.
Alternate process step titles left and right of a hairline vertical spine on a black band.