Iterate

Item: Iterate
Rating: 7.2

Framer template for motion and 3D studios

A Framer Marketplace template by Studio Apes. Its words and photos are demo content.

Live preview Get this template Save page

7.2/10MABTU rating

DESKTOP · 1440 × 15,920/ ↗

MOBILE · 390

Section outline · Home

01heroGiant condensed wordmark with 3D render ring1,125
02introInline image chip headline
03logosWordmark row
04workTwo-column renders, scrambled titles1,405
05servicesHuge numerals with caps names1,646
06statsThree big numbers553
07awardsRuled list of award wordmarks1,327
08teamName ticker723
09pricingBlack tiles657
10faqBlack accordion587
11footerBig wordmark

Rating · Home

Visual design7.6

UX & clarity6.6

Originality7.6

Craft & consistency7.0

Motion7.2

Performance & a11y8.0

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

Main colours

Light & dark toggle·light grey background·mono

Typography

Outfitheading · sans · self-hosted Satoshibody · sans · self-hosted Antonaccent · sans · self-hosted

Stack & style

Framer Three.js React Google Fonts Tailwind CSS WebGL canvas

Bold typography Brutalist Bento Gradient-heavy Monochrome 3D FAQ accordion Logo cloud Marquee Pricing table Process steps Smooth scroll Stats band Text reveal Theme toggle

Also: Google Analytics

Design DNA

Template: flat grey canvas (#D9D9D9) with a giant black condensed grotesque (Anton-like) for the 'Iterate' masthead, a 3D ring of iridescent renders punched through it, and inline image chips inside headlines ('aut[img]mate'). Project titles scramble in from pixel blocks. Services use huge numerals '1)' '2)' with right-aligned caps names. Also: a big stat row, an awards list of wordmarks (Motionographer, D&AD, Clio, Webby), a team-name ticker, black pricing tiles, soft 3D article thumbnails, a black FAQ and a faded 'remix' footer wordmark.