SMPL Design Studio — Brand & Digital Direction
Moodboard Style Guide 2025 — Confidential
SMPL — Architecture

Homes built to endure.

Full-service residential design

01 — Brand Direction

We design homes that feel inevitable.

A refined visual direction for SMPL Design Studio — elevating the digital presence to match the calibre of the work. Photography leads. Brand recedes. The home commands.

Tone Quiet luxury
Approach Editorial restraint
Feel Architecture as gallery
Minimalism Warm Neutrals Olive Tones Architectural Credibility Confident Restraint
02 — Brand Statement

We believe a home is not a product — it is a singular act of intention. Every decision refined until nothing remains to be removed.

This document presents a refined visual direction for SMPL Design Studio. The photography leads. The brand recedes. Every typographic choice, every spacing decision, every colour exists to frame the work — not compete with it.

World-class Premium Editorial Timeless Think: Apple of Architecture
03 — Atmosphere

The emotional register

Quiet confidence. Material honesty. Spaces that breathe. The photography is the artwork — the website is the frame.

Architecture
Dark gables at dusk
Architecture
Limestone + cedar
Architecture
Warm cedar soffit, evening
Architecture
Twin gables, zinc cladding
Architecture
Autumn entry, dark forms
Architecture
Stone vaulted skylight
Architecture
Zinc canopy + warm wood
Architecture
Cedar in the meadow
Architecture
Glass pavilion at dusk
04 — Typography

Two voices, one language

Inter carries the interface with precision. Newsreader brings warmth and editorial weight to headlines and project names.

Primary Sans
Inter
Navigation · UI · Body · Captions

Rational, refined. Set light (300) with generous letter-spacing. The voice of precision — it disappears into the layout so the photography can speak.

Accent Serif
Newsreader
Headlines · Project names · Editorial moments

Optical, expressive, and warm. A contemporary serif with historical depth. Light weight only. The voice of authority — set generously at large sizes.

Display The Art of Making Home
Heading 1 A singular act of intention
Heading 2 Residential Architecture & Interiors
Body We approach every project as a collaboration — listening first, then designing spaces that reflect the way you truly live. The result is architecture that feels both inevitable and entirely yours.
Project The Ridgeline Residence, Kelowna · 2024
Caption Detail — Standing seam zinc cladding with board-formed concrete base
05 — Color Palette

Drawn from the landscape

Warm, muted, and grounded — a palette that never competes with the photography.

Bone #faf6f1
Warm Cream #f2ece3
Soft Stone #d5cdc2
Deep Charcoal #1c1a17
Moss Olive #5c6b50
Terracotta #b8694a

Primary palette

Bone and Warm Cream form the canvas — light, unhurried, paper-like. Soft Stone bridges the neutrals. Deep Charcoal grounds everything with quiet authority.

Accent use

Moss Olive and Terracotta are deployed sparingly — typographic accents, hover states, border details. They echo the landscape materials in SMPL's work: cedar, limestone, oxidised steel.

06 — Materials & Texture

Where architecture meets screen

The digital surface should echo the physical one. Matte, warm, and tactile — never glossy.

Brick
Handset brick
Cedar
Cedar soffit + glass
Stone
Limestone + skylight
Charred wood
Charred wood + stone

Surface

Matte finishes only. Light should rest on the interface, not bounce from it.

Texture

Grain as atmosphere — barely visible, felt more than seen.

Line

Rules whispered, not spoken. 1px at 8% opacity. Structure without noise.

Shadow

Soft and warm. Shadows locate — they don't dramatise.

07 — UI Components

Premium by default

Every component should feel considered. Rounded where appropriate, direct where needed — never clinical.

Navigation bar
Work Studio Process Journal
Start a project →

No sticky. Frosted glass background on scroll. Wordmark in Inter 300, 0.3em tracking. CTA as a pill — the one direct call to action.

Buttons & actions

Pill shape for primary/secondary. Underline-ghost for inline links. All uppercase 10.5px, 0.16em tracking.

Our approach

Designing for the way you live

Before a single line is drawn, we invest time understanding the rhythms of your daily life — the way light moves through your mornings, the spaces you gravitate toward.

Project cards
Project
The Ridgeline Residence
Kelowna, BC · 2024
Project
The Watershed House
Whistler, BC · 2023
Project
The Glass Pavilion
North Vancouver, BC · 2024

Rounded cards (22px) with frosted info panel. 16px gap. Image scales 1.04× on hover at 0.9s cubic ease.

Footer
08 — Homepage Vision

Section flow

A proposed narrative arc — guiding a prospective client from immediate emotional impact through informed confidence and a clear next step.

01

Hero — Cinematic Opening

Full-viewport photography or slow-motion video. Minimal wordmark. Single evocative headline. Emotional impact before information.

Full viewport
02

Featured Projects

3–4 signature works in a full-width editorial grid. Photography leads — type recedes. Name, location, year. Each card links to a project page.

Full width grid
03

Philosophy / Studio

One confident, well-crafted paragraph. Speaks like a person, not a brand. Positions SMPL without overselling.

2-col layout
04

Services

Typographic list: Planning · Residential Architecture · Interior Design. One phrase per service. No icon grids — architecture doesn't need them.

Typography-led
05

Journal / Insights

2–3 recent articles or project features. Editorial image, title, date. Connects the studio to a point of view on residential design culture.

Card row
06

Contact — Start a Project

Full-width close with a single CTA. Dark background or cinematic image. Location, contact, social. No form on homepage — quality over volume.

Full width dark
09 — Logo & Wordmark

Use with confidence

Inter Light, 0.32em tracking. SMPL alone for primary use; SMPL Design Studio for formal contexts. Never heavy weight, never tight tracking.

SMPL
On bone — primary
SMPL
Design Studio
On white — with descriptor
SMPL
On charcoal — reversed
SMPL
Design Studio
On photography — reversed
SMPL
On stone — neutral
SMPL
Design Studio
On olive — accent use
SMPL Architecture

SMPL Design Studio

Ready when
you are.

A digital presence built to match the quality of the work. Let's bring this direction to life.

Moodboard & Style Direction SMPL Design Studio — 2025 Confidential