groth-studio

A rigorous modernist architectural journal. Solid black hairline grid lines and technical isometric wireframes balance heavy neo-grotesque type, grounded by warm stone and terracotta fields.

editorial quiet

Visit site

Rated

9.2/ 10

From 5 analysed sections. Scored by hand, alongside two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

Staffjudged: 10.0
AI scorejudged: 10.0
Systemmeasured: 7.0
Distinctionmeasured: 8.8

on the grid: 40%
vertical rhythm: 67%
type on a scale: 71%
contrast passing AA: 100%
unlike the library: 0.29
model craft: 8.2/10
model deviation: 5.4/10

Colour

Background#ffffff

Text#000000

Accent#bf551a

Surface#dfddc7

Muted#595546

Typefaces

Display: PP Neue Montreal
Body: PP Neue Montreal
Mono: GT America Mono LCG
Source: self_hosted
Scale: 10 · 14 · 16 · 20 · 30 · 52

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 0px

Capture

Category: agency
Sections: 5
Captured: 2026-08-30
Rhythm: white → warm stone x2 → cream → olive drab

Type rules

body text runs tight at roughly 41 characters per measure
live studio locations, timezones, and project status badges set exclusively in monospace uppercase

Colour rules

terracotta accent #bf551a isolated strictly to the Research & Design rail
portfolio feed shifts from crisp white hero to warm stone (#dfddc7) canvas

Voice rules

every project description explicitly names geographic context and material philosophy
technical metadata and status badges precede project titles

Holds it together

split layout with a persistent vertical rail dedicated to experimental research
pair each built project with a technical axonometric line drawing alongside photography
divide structural modules with 1px solid black borders and dotted horizontal rules

Contrast

text on background21.0:1 AAA

muted text on background7.5:1 AAA

text on surface15.3:1 AAA

accent on background4.6:1 AA

background on accent4.6:1 AA

Type, measured

Body: 20px / 1.3
Measure: 41 characters
Display: 68px / 1
Tracking: -0.02em display
Scale ratio: 1.36

Voice

Tone: precise, architectural, grounded
Sentences: medium
Person: third
Vocabulary: technical
Calls to action: view

Built with

Builder: webflow
Framework: —
Motion: —
WebGL: —
Nav: sticky_top_bar, 5 items, sticky
Length: 9 screens

Sections in page order

3 marked strong · 5

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
Precision-engineered Swiss architectural studio layout featuring massive grotesque branding, technical wireframe accents, and a distinct terracotta research sidebar.
Mood
editorial + raw
Layout
1 col · asymmetric · balanced
Open section →
01
showcase
Refined architectural portfolio feed pairing monochrome interior renders with quiet, precise modernist typography on a warm stone backdrop.
Mood
quiet + editorial
Layout
8 col · stacked · airy
Open section →
02
showcase
Calm, warm editorial portfolio showcase pairing architectural photographs with delicate isometric wireframe drawings on an earthy canvas.
Mood
quiet + warm
Layout
16 col · split · airy
Open section →
03
showcase
Strong
A deliberate architectural portfolio pairing minimal axonometric wireframes with rich interior photography across calm, dotted-rule sections.
Mood
editorial + warm
Layout
2 col · split · balanced
Open section →
04
footer
Strong
Quiet and architecturally disciplined footer in muted olive tones with crisp white typography and a subtle isometric line drawing.
Mood
quiet + clinical
Layout
24 col · split · airy
Open section →