Neue Grafik Architecture

Item: Neue Grafik Architecture
Rating: 7.4

Framer template for architecture studios in a Swiss typographic style.

A Framer Marketplace template by Stevie LeValley. Its words and photos are demo content.

Live preview Get this template Save page

7.4/10MABTU rating

DESKTOP · 1440 × 11,136/ ↗

Neue Grafik Architecture Home page, desktop

MOBILE · 390

Neue Grafik Architecture Home page, mobile

Section outline · Home

01heroNeue Grafik Architecture900
02content226
03media text1,699
04features gridOur Approach802
05features gridOur Services1,189
06media textDesigned For People936
07stepsOur Process1,092
08media text807
09faqFrequently Asked Questions1,597
10features grid900

Rating · Home

Visual design8.2

UX & clarity6.6

Originality8.6

Craft & consistency7.8

Motion5.5

Performance & a11y8.7

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

Main colours

Light·white background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React

Minimal Bold typography Editorial Monochrome Photography-led Swiss grid Process steps Stats band Sticky header Transparent header

Design DNA

Template: pure white, pure black, one grotesque at every size and hairline rules between every block — no accent colour, no rounded corners, no shadows. The masthead pairs a numeral 01 with the studio name; contact details and three short columns sit beneath in 8px type. Stats are five oversized numerals in a row, including a deliberate zero. Projects are black-and-white plates in a broken grid with 'View Work' markers. The approach block labels five steps A, B, C, D, Z; a cut-out crowd silhouette and a page-tall question mark punctuate later sections.

Worth borrowing

Label the process steps A, B, C, D and then Z to mark the final one as the outcome.
Include a deliberately unflattering statistic — unhappy clients, 0 — in the numeral row.
Use a page-tall question mark and a cut-out crowd silhouette as the only illustrations.