SoDhen Gnosis — 5 Website Style Mockups

design office · 2026-05-18 · for Thomas + Meg overnight review
Five complete homepage mockups, each a distinct (palette × type-pair × layout) combination. Real web fonts (Google Fonts). Hero uses the palette-rendered wordmark. Same content across all five so style/feel differences are isolated. Click "Open full preview" on any card to open it full-page; scroll through to evaluate. The card thumbnails below are live miniature renders (interactive disabled so you can scan visually).
SITE 1

Editorial Classic

Palette: Oxblood + parchment · Type: Spectral (serif) + Inter (sans) · Layout: Centered, traditional editorial, structured grid for 4-block diagram · Feel: Penguin Classics / Cabinet Magazine — intellectual publishing
Open full preview →
SITE 2

Restrained Premium

Palette: Warm ink + parchment · Type: Lora (serif) + Inter (sans) · Layout: Asymmetric two-column hero, left-aligned sections, accent rule lines · Feel: The Atlantic / Aeon — restrained editorial premium
Open full preview →
SITE 3

Distinctive Library

Palette: Forest + stone · Type: Cormorant Garamond italic display + Inter · Layout: Wide hero, narrow content column, generous whitespace, italic display headings · Feel: Bodleian library / The Paris Review — considered, distinctive
Open full preview →
SITE 4

Editorial Establishment

Palette: Deep indigo + bone · Type: Source Serif 4 (single-family) + Inter (sans) · Layout: Broadsheet masthead, double-rule borders, column-rule structure, drop cap on lead article, justified body · Feel: NYT Magazine / NYR of Books — editorial establishment
Open full preview →
SITE 5

Wine-Cellar Premium

Palette: Deep burgundy + cream · Type: Lora (single-family for everything) · Layout: Single-column, generous margins, slow rhythm, italic accents throughout · Feel: Wine list / private members' club — slow & luxurious
Open full preview →