Open Design – Direction Comparison

Raeven Branch
Five Design Directions

Five sibling prototypes for the same portfolio, each a distinct visual identity. One page, four sections, shared colour system – differentiated by layout, typography and mood. Pick the one that fits, then it becomes the working direction.

Client Raeven Branch Type Architecture Portfolio Palettes Cobalt / Coral / Acid Each has Light + Dark

01 – Core direction

Editorial

Printed architecture monograph. Big confident serif headlines, asymmetric editorial grid, visible project numbering, generous white margins. Serious and credible with personality.

Fraunces serif Asymmetric grid Light default

Display: Fraunces  ·  Body: Inter

Open direction

02 – Core direction

Modern-minimal

Maximum restraint, maximum confidence. Acres of white space, a quiet neutral type system, architecture imagery doing 95% of the talking. Gallery-like, premium, calm.

Inter Tight sans Hairlines only Light default

Display: Inter Tight  ·  Body: Inter

Open direction

03 – Core direction

Bold / terminal

Most Studio MUTT-adjacent. Oversized grotesque headlines, full-bleed accent colour fields, monospace terminal layer for nav and labels. Irreverent and graphic but disciplined.

Space Grotesk Space Mono Dark default

Display: Space Grotesk  ·  Mono: Space Mono

Open direction

04 – Experimental

Blueprint

The site is an architectural drawing. Construction grid, dimension lines, title blocks, north arrows, section markers, mono annotations. Precise and technical with dry wit.

IBM Plex Mono Drafting motifs Light default

Display: IBM Plex Sans Condensed  ·  Mono: IBM Plex Mono

Open direction

05 – Experimental

Collage / zine

Architectural zine / riso-print spread. Layered images, cut-out fragments, rotated elements, tape and torn-edge motifs in CSS/SVG. Bold, conceptual, expressive – like her award work.

Syne display Collage layers Dark default

Display: Syne  ·  Mono: Space Mono

Open direction