M3 Planungsgruppe

Item: M3 Planungsgruppe
Rating: 7.6

German planning group for industrial, commercial and residential buildings.

7.6/10MABTU rating

DESKTOP · 1440 × 4,711/ ↗

MOBILE · 390

Section outline · Home

01header60
02hero900
03features gridNACHHALTIGKEIT. ÄSTHETIK. WIRTSCHAFTLICHKEIT.775
04content730
05features gridLabwerk907
06contentWIR DENKEN BAUPROJEKTE ALS SYSTEM – GESTALTET, GESTEUERT UND REALISIERT.571
07footerM3 Planungsgruppe833

Rating · Home

Visual design7.8

UX & clarity7.2

Originality7.6

Craft & consistency8.0

Motion5.6

Performance & a11y9.0

This page scores 7.6; 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

WordPress Bootstrap jQuery

Minimal Bold typography Monochrome Swiss grid FAQ accordion Hero video Sticky header Tabs

Design DNA

Pure black on white, one grotesk, no imagery except a single project render. The logotype is drawn at enormous size as the first thing on the page. Three principles are set in caps on separate lines, then explained in a three-column ruled grid with 'Mehr erfahren' underlined beneath each. An abstract barcode of black bars acts as the only graphic. Projects collapse into six vertical tabs that expand one at a time, and the footer reverses to black with the wordmark set full width.

Worth borrowing

Open the page with the logotype drawn at near-full-width instead of a hero image.
Collapse a project list into vertical tabs with rotated titles so six fit in one viewport row.
Close with the brand name set edge to edge across a reversed footer.