Mattis

Item: Mattis
Rating: 7.3

Framer template for conversion-focused design and build studios.

A Framer Marketplace template by Anatolii Dmitrienko. Its words and photos are demo content.

Live preview Get this template Save page

7.3/10MABTU rating

DESKTOP · 1440 × 13,659/ ↗

MOBILE · 390

Section outline · Home

01header60
02hero900
03features gridWE BUILD WEBSITES.688
04features grid2,700
05testimonialsBUILT ON REPUTATION841
06pricingPRICING.1,541
07features gridNEWS AND UPDATES.1,007
08footerSTART A PROJECT.1,169

Rating · Home

Visual design8.0

UX & clarity7.0

Originality7.8

Craft & consistency7.5

Motion7.5

Performance & a11y7.0

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

Main colours

Mixed sections·black background·vivid

Typography

Geistheading · sans · google Geistbody · sans · google

Stack & style

Framer React Google Fonts

Minimal Bold typography Brutalist Editorial Monochrome Photography-led Dark tech Hero video Marquee Pricing table Smooth scroll

Design DNA

Template: black ground with a technical overlay of hairlines, crop marks, version numbers and timestamps around a condensed uppercase wordmark, plus a handwritten founder signature in orange (#FF4A1C). A full orange band carries the manifesto line in condensed caps beside a cut-out photo and a metric. Work runs as horizontally scrolling rows where the project name repeats across the edges of each image. Stats are set as oversized orange figures on black; pricing is a dark comparison table; the contact block is a dark form beside a small portrait.

Worth borrowing

Frame the hero with technical marginalia — version, timestamp, crop marks — to make a black page feel engineered.
Let a project title repeat at both edges of a horizontally scrolling row so the name reads as you drag.
Break a black page with one saturated colour band that carries only the studio's core claim.