Three directions for a luxury kitchen agency, honestly assessed.

The site reads like a kitchen-design quarterly that happens to also let you book a consultation. Long-scroll, generous whitespace, strong typographic hierarchy, photography sequenced with intent. The mood is quiet authority — confident enough not to shout. Section headers borrow from print: small numbered eyebrows, drop-line rules, italicised subheads. Editorial is the default mental model luxury buyers have for "premium" — they recognise the pattern from World of Interiors, Kinfolk, Cereal, Apartamento. You're borrowing the credibility of the form.

Headings: Fraunces (variable, opsz 9–144). Free, on Google Fonts, performance-friendly when you self-host the variable file (~70kb subset). Has a true display optical size at 96px+ that gives genuine print weight, and a text optical size for editorial pull-quotes. Italics are exceptional. The rare display serif that doesn't look like a wedding invitation.

Body: Inter at 17–18px, 1.6 line-height. Boring choice deliberately — it disappears, which is what body type should do. Self-host the subset; ~40kb.

Mono accent: JetBrains Mono for eyebrows, captions, specs. Acts as a tertiary voice — gives the system a third tone without adding a third "real" font.

At agency scale across 85 sites: all three are open-source and self-hostable, no per-site licensing. Total font payload: ~135kb. A single shared @font-face block in the design system; per-showroom branding lives in colour and one accent typeface override slot if a showroom wants identity differentiation.

Warm paper (#F6F4EF) instead of cold white. Deep ink (#171614) instead of pure black. One reserved accent — an ox-blood or terracotta (#7D2A1E) used once per page on the primary CTA, never again. Greens (#3E5240) appear in editorial sections, not chrome.

Per-showroom theming swaps the accent hue and (optionally) the paper temperature. Spec is a single CSS custom-property layer; fits cleanly with Astro content collections.

Mixed scale, deliberately. Full-bleed only for hero and section-opener moments — maybe 3 per page total. Otherwise images are contained, generously matted: a 4:5 portrait kitchen shot with 80–120px of paper around it tells the buyer "this is curated", whereas the same shot edge-to-edge tells them "this is a brochure".

Aspect ratios: 3:4 portrait for detail shots, 4:5 for kitchen-island heroes, 2:3 landscape for full-bleed atmosphere shots, 1:1 for material/finish swatches. Never the WordPress-default 16:9 strip.

Overlay treatment: minimal. Text-on-image only when the image was shot with negative space for it. Otherwise text sits adjacent on the paper background. No dark gradients masking weak photography — instead, a quiet caption line sits below the frame in mono.

Photography requirement: this direction requires the lifestyle/details photography to exist. Wide-installation-only showrooms will look thin. Honest read: only ~30 of your 85 showrooms probably have enough breadth right now. The other 55 need a phased commission, or a fallback layout that leans on typography for those pages.

12-column grid, but used asymmetrically. Body text sits in 6–7 columns max — a true measure of 60–72 characters. Imagery breaks out of the text column deliberately, with white space carrying the rhythm. Section spacing is large (96–160px on desktop, 64–96 on mobile). Density is low; the page is long rather than packed. A single homepage might be 4500px tall on desktop. That's correct — long-form is the editorial signal.

Single full-bleed image, locked at 80vh on desktop, 65vh on mobile. No form, no carousel, no overlaid headline. Beneath the image: a wide editorial title that names this showroom ("Kitchens, considered. Southampton, since 2009.") in 96px Fraunces, with a small mono-set eyebrow above ("01 / Showroom") and a quiet two-line lede underneath. Two anchor links — "Book a consultation" and "See current projects" — set as underlined inline links, not buttons. The conversion architecture is "earn the click by reading further" — appropriate for a £35k decision that takes 6+ weeks.

Translucent paper-coloured top bar that solidifies on scroll (CSS only — scroll-timeline with a position:sticky fallback; zero JS). Wordmark left, 5 nav items right, no CTA in the nav itself — that's deliberate. The CTA appears once, in a deliberate place, not omnipresently begging for the click.

Mega menu: hover/click reveals a 3-column drop on Kitchen Styles — left column is verbal taxonomy (Finish / Door / Colour / Brand / Layout), middle column is a 2x2 image grid that updates on hover, right column is a single editorial pull-line ("Wood kitchens, in three temperatures."). All CSS-driven; no JS. Total weight ~0kb additional script.

Mobile: full-screen takeover with type-led list, no icons. Categories expand inline. Hamburger only — no bottom-bar tab gimmick.

£25k–£45k buyers spend 4–8 weeks researching before a showroom visit. They visit a site multiple times. Editorial design rewards return visits because there's more to read each time — they discover sections they missed. It also lifts perceived showroom tier without a single claim being changed: the same "British Made" guarantee in this system reads as £45k craftsmanship, where in the current system it reads as £18k assurance. The risk: it converts more slowly on first visit. You're trading first-touch conversion for considered-buyer conversion. That's the right trade for this price band.

Treat the kitchen as architecture, not interior decor. The site is structured like a furniture-system catalogue — Vitra, USM, e15, B&B Italia. Cool restraint, technical drawings as decorative motif, plan-view diagrams, dimensioned product shots, a single near-invisible accent. The mood is specified, exact, considered. No warmth, no emotion, no "love" language — instead: tolerances, materials, measurements. Counter-intuitively, this can be more emotionally arresting at this price point because it signals you take this purchase as seriously as I do. The German engineering claim is currently delivered by a flag icon. In this direction, it's delivered by the entire design language without ever being stated.

Headings: Söhne Breit (Klim) or the open-source equivalent National Park / Geist. If the budget allows the Klim license across 85 sites (~£3.5k one-time for desktop+web combined), Söhne is the right call — it's the typeface for this register. If not: IBM Plex Sans Condensed at heading sizes works honourably and is free. Both render at 60kb subset.

Body: IBM Plex Sans at 16px — engineering-grade neo-grotesque, free, gives the body a slightly technical feel without becoming Helvetica.

Mono: IBM Plex Mono for spec lines, dimensions, captions. Used heavily — every photograph has a mono caption with dimensions or material spec. The mono presence is the visual signature.

At agency scale: all-Plex stack means a single font family across three styles, total ~95kb. Strongest performance story of the three directions.

Near-monochrome. Cool off-white (#FAFAF8), graphite (#1C1D1F), three carefully-tuned greys for hierarchy. One accent only — a saturated cobalt or signal-orange (#E8552B) at <3% of any view, used for active/selected state and nothing else. CTAs are graphite, not coloured.

Per-showroom theming swaps the signal hue. Cobalt, signal-orange, kelly-green, sulphur-yellow are all on-tone for the system. The graphite/off-white substrate stays consistent across the network — that's the family identity.

Architectural rules. Wide format only — 16:10, 3:2, 2:1. No portraits. No close-up details (move those to a separate "materials" treatment). Photographs are always rectilinear — square-on or two-point perspective only, no Dutch angles, no shallow-DoF detail shots.

Every photograph carries a mono caption block: project name · floor area · cabinetry brand · worktop spec · year. The captions are present and visible, not hover-revealed. They're decorative as much as informational — they create the visual texture.

Plan-view line drawings as a recurring motif: SVG floor plans of the kitchens shown, 60–80px tall, sitting next to or beneath the photograph. They're cheap to produce (one designer can draw 20 in an afternoon from photos), they cost ~2kb each as inline SVG, and they single-handedly elevate the entire system. This is the signature move.

Photography requirement: this direction is most forgiving of mixed photography quality — rectilinear wide shots are exactly what most showrooms already have. The plan drawings can stand in for missing detail shots. Honest read: ~70 of 85 showrooms could populate this direction with what they have today.

12-column grid, used like an architect uses a grid — consistently and visibly. Hairline 1px rules between columns on certain pages, mono column-numbers in the gutter on the homepage as a deliberate motif. Density is medium-high by luxury standards — denser than D1, because catalogue navigability is the goal. Whitespace is tight and considered, never lavish.

Split layout. Left 60%: graphite background, large condensed-sans wordmark of the showroom city ("SOUTHAMPTON" set tight, 200px), beneath it a 4-line spec block in mono — coordinates · year established · brands stocked · showroom hours. Right 40%: a single wide image of an installed kitchen, no overlay, with a mono caption strip across the bottom giving project specs. Below the fold: a horizontal index of all installations as a thumbnail strip with mono labels — feels like flipping through architectural plates. No carousel — it's a CSS-snap horizontal scroll with no autoplay, total <1kb of JS to track scroll position for a progress indicator.

Permanent left-sidebar nav on desktop (240px wide, paper-coloured, full-height). Wordmark top, 6 nav items, current section highlighted with a 1px underline. CTA at the bottom of the sidebar. Content scrolls; nav does not. This is the strongest "we are an architecture practice, not a retailer" move available.

Mega menu: Kitchen Styles opens as a full-page index — covers the viewport completely with a typographic list (40px Plex condensed) and a single hover-revealed image at the top. Closes on Escape.

Mobile: top bar collapses to wordmark + hamburger; menu opens as a full-page typographic index identical in structure to desktop, just stacked. Sticky behaviour: nav hides on scroll-down, returns on scroll-up — done in <1kb of inline JS using IntersectionObserver.

Two effects. One: the system is the proof. A buyer landing on this site instantly upgrades their estimate of the showroom's design competence — not because of any claim, but because the website itself looks like a place that takes design seriously. That perception transfers to the kitchens. Two: it converts the research-first buyer particularly well. People who arrive having already opened tabs for Bulthaup, B&B Italia, Vitra — they're calibrated to recognise this register, and they'll trust you faster. The risk: it can read as cold, especially in markets where buyers want warmth and reassurance. Wrong direction for a Norfolk farmhouse-renovation buyer; right for a London or Manchester apartment buyer.

Lead with warmth. The site treats the kitchen as the room a family lives in, not as an object or as architecture. Earthy palette, soft rounded type for headings paired with humanist body, photography that includes signs of life — fruit on counters, light through a window, a hand reaching for a kettle. Stories about the people in each project. Less typographic restraint than D1, more visual softness. The mood is welcome, considered, lived-in. This is the direction John Lewis, Neptune, deVOL and (at a higher tier) Plain English play in. It's a known-good register for £25k–£35k UK buyers — middle of your price band.

Headings: GT Sectra (Grilli Type) or open-source Newsreader. Sectra has a warmth and slight quirkiness — the slight flares and contrast feel handcrafted, not industrial. ~£2.8k licensed across 85 sites. Newsreader is genuinely good and free. ~50kb.

Body: Söhne or open-source Manrope at 16–17px. A humanist sans with rounded terminals — softer than Inter, feels less corporate.

Accent: Caveat or Reenie Beanie sparingly for handwritten captions on project photos — only when actually appropriate, not as an omnipresent gimmick. Used to mark "designer's notes" on a finished project page. Probably 4–5 instances on a 10-page site.

At agency scale: Newsreader + Manrope + Caveat = ~110kb total. All free. Caveat is loaded only on project-detail pages, not site-wide.

Earthy, layered, more chromatic than D1 or D2. Cream paper (#F2EBDD), aubergine ink (#2A1D24) instead of black, with a working palette of clay, sage, terracotta, oat. Warm neutrals throughout. Two accent colours rather than one — used in section backgrounds (e.g. a 60vh section with a clay background) rather than on buttons.

Per-showroom theming swaps the section accent pair. Strong identity differentiation possible — a Cotswolds showroom can run sage/oat, a Manchester one clay/aubergine.

Mostly-contained, organically arranged. Aspect ratios are mixed and irregular — 5:7, 3:4, 4:5, 7:5. Some photographs sit at slight rotations (1–2°) on detail-page galleries, evoking a pinned-up moodboard, not always centred-and-square. Restraint warning: the rotation gimmick can tip into Etsy fast. Cap it at 2 rotated images per page max.

Lifestyle photography is mandatory in this direction. The two-photo sample you uploaded — both architecturally clean — would work for the kitchens themselves but you'd need a second tier of life shots: a kettle, a bowl of lemons, a dog, a window. These don't have to be commissioned at scale; one styled shoot per region produces 60+ usable secondary images.

Photography requirement: this is the most photography-dependent of the three. Without lifestyle imagery the direction collapses into "another beige website". Honest read: you'd need a small commissioning budget across ~15 regional shoots to populate this convincingly. £15–£25k total.

Less rigorous grid than D1/D2. Compositions feel arranged rather than aligned. Body copy in a single column, narrow measure (52ch), centred or modestly indented. Section transitions are full-width colour blocks rather than rules — you scroll into a sage-green section, then a cream one, then back. Density is low-to-medium. Pages are medium-length.

Two-column layout (60/40), reversed on alternate showrooms for visual identity. Left: a 5:7 portrait of a kitchen-with-life — fruit bowl, morning light. Right: cream paper background, eyebrow ("A Southampton kitchen"), title in Newsreader 72px ("The kitchen as the warmest room."), 3-line lede, a single underlined link "How we work →". Below the fold: a horizontal scroll of recently-completed projects with handwritten-style captions of who they were for ("For the Howards, Lymington").

Cream top bar with a wordmark in serif italic, nav items in humanist sans. Bar is solid from page-load — no transparency tricks. CTA "Visit the showroom" set as a pill outline button (not filled), warm clay border. Mega menu: hover-reveals a card-style 3-up gallery of representative kitchens for each style, with handwritten-style category names. Mobile: hamburger opens a full-screen panel with cream background and large serif headlines per section. Sticky on scroll, with the wordmark shrinking by ~15% when stuck (CSS scroll-driven animations only).

Highest first-visit conversion of the three. Warmth lowers the perceived risk of getting in touch — buyers are more willing to start a conversation with a brand that feels human than one that feels institutional. For homeowners undertaking their first major renovation (a meaningful chunk of your audience), this matters. The risk: it caps perceived tier. A buyer cross-shopping with Bulthaup or Boffi will deprioritise this aesthetic — it codes as £20k–£28k territory, not £45k. If your traffic skews toward the lower half of your stated price band, this direction makes more revenue than D1 or D2; if it skews toward the upper half, this direction loses you margin. Also the most photography-dependent, which means the most expensive to roll out across 85 showrooms.