BRAND · WEBSITE 2025 / 2026 IN BUILD

NOOK

Nook interior architecture and renovation
01/ THE BRIEF

A brand and a website for a firm that does the whole job itself.

Nook is a Belgian interior architecture practice and general contractor in one — sketch to finish, no fragmented chain of subcontractors. That single-owner promise is the entire proposition, and it had to survive contact with a website.

The work started before any code: positioning, brand identity, and a brandbook, because a new target market was the actual reason for the project. Design followed the brand. The build followed the design.

Four languages, because the audience spans Flanders, Brussels and Wallonia, with an expansion toward the Spanish market.

02/ WHAT WAS BUILT
01/ POSITIONING AND BRAND IDENTITY Positioning for a new target market, then the identity that carries it. The chosen route pairs Outfit Regular for display with Manrope Light for body text, on a custom-drawn wordmark. The N gained an extra leg to survive small sizes — a legibility fix, not a flourish.
02/ BRANDBOOK Full guidelines on the approved direction: logo use, colour palette, typography, photo style and tone of voice. The reference every later decision is measured against, so the brand does not drift the moment someone else touches it.
03/ WIREFRAMES AND VISUAL DESIGN Sitemap, page structure and mobile-first wireframes — navigation, project display and contact flow, structure only, no styling. Then a visual direction per page type. Deliberately compact: targeted mockups instead of drawing every screen statically, which would have billed for work the build discards anyway.
04/ THE SITE ITSELF Astro with static output, four languages routed under one tree. An atomic component library — atoms, molecules, organisms on SASS design tokens — so a page is assembled rather than hand-built. Responsive images through a sharp pipeline, a sitemap, and a scroll and page-transition runtime for the motion the design asks for.
05/ SMALL THINGS THAT EARN THEIR KEEP A digital business card and an email signature, generated from the same content source, with QR and vCard output. Cheap to build once the design system exists, and used daily.
03/ TECHNICAL HIGHLIGHTS
I18N FOUR LANGUAGES, ONE ROUTE TREE Dutch, French, English and Spanish share a single set of routes under a language segment, not four copies of the site. Translations live in typed dictionaries with a test that fails when a key goes missing, because a silently untranslated string is the failure mode nobody notices until a client does.
CONTENT SANITY, SCHEMA-FIRST Projects, team, partners and page content are modelled as schemas with locale-aware fields, so a translation belongs to a document instead of being a second document to keep in sync. The studio is its own package, deliberately outside the site build.
STRUCTURE ATOMIC DESIGN, ENFORCED Atoms, molecules, organisms and templates, each component in its own folder with its own stylesheet, imported through path aliases. SASS tokens hold colour, type and spacing. The structure is what keeps a four-language site from degrading into copy-paste.
IMAGES RESPONSIVE PIPELINE Interior photography is the product here, so it cannot be served as it comes off the camera. A sharp-backed pipeline emits sized, modern-format variants for both local assets and Sanity images, from one call site.
DEPLOY CONTENT EDITS WITHOUT A CODE PUSH Railway builds only when watched source paths change; content arrives by webhook and rebuilds on its own path. Editing a project in the studio never looks like a code deployment, and a docs-only commit correctly deploys nothing.
STACK ASTRO · SANITY · SASS · TS Astro with static output: no client-side framework shipped for pages that do not need one. Sanity for structured content. SASS tokens for the design system. TypeScript throughout, type-checked as part of the build rather than alongside it.
ASTRO TYPESCRIPT SANITY CMS SASS 4 LANGUAGES BRAND IDENTITY BRANDBOOK DESIGN SYSTEM
04/ WHERE IT STANDS

Brand delivered, site built, launch ahead.

Positioning, identity, brandbook, wireframes, visual direction and the working site are done. Still to come: wiring the Sanity CMS so Nook manages its own content, technical and editorial SEO including the Spanish market, handover training, and an evaluation after go-live.

Want to discuss a similar project? GET IN TOUCH →

CMS AND SEO NEXT