Swiss Mono

Item: Swiss Mono
Rating: 7.3

Framer one-pager template for design and identity studios.

A Framer Marketplace template by Swiss Themes. Its words and photos are demo content.

Live preview Get this template Save page

7.3/10MABTU rating

Home

DESKTOP · 1440 × 24,000/ ↗

MOBILE · 390

Section outline · Home

01header150
02heroLESS NOISE1,800
03contentMULTI964
04contentDESIGN1,975
05contentIDENTITY1,760
06contentMOTION1,760
07contentFEATURED964
08features gridMUJI11,458
09contentABOUT US900
10features gridMIYUKI830
11features gridOWEN1,030
12features gridNURIA1,030
13features gridOSCAR1,030
14features gridIN1,397

Rating · Home

Visual design7.8

UX & clarity6.5

Originality8.0

Craft & consistency7.0

Motion7.0

Performance & a11y7.0

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

Main colours

Light·white background·vivid

Typography

DM Monoheading · mono · google DM Monobody · mono · google

Stack & style

Framer React Google Fonts

Bold typography Editorial Photography-led Swiss grid Sticky header Transparent header Hero video Marquee Custom cursor Text reveal

Design DNA

Template: pure red (#FF0034) and white alternate full screens, with a single monospaced family used for everything — letterspaced uppercase display words (DESIGN, IDENTITY, MOTION) and centred all-caps mono body copy. Campaign imagery is black and white on the white bands and duotone red on the red ones, cropped into tight rectangles that break the column. Client work is titled by brand name alone (Jeep, Yamaha, Reebok, Muji, Supreme) with a short centred caption. Vertical mono labels run down the page edges.

Worth borrowing

Use one monospaced family for display and body, separated only by letterspacing and scale.
Duotone photography into the single brand colour on coloured bands and keep it black and white on white ones.
Run small vertical mono labels down the page edges to hold the grid together between full-screen bands.