The visual language behind Maison Artelier — how it looks,
how it feels, and the thinking behind it.
Simple choices made carefully.
A full dark theme is available site-wide via the moon icon in the header. User preference is persisted via localStorage and respects the system prefers-color-scheme setting on first visit.
Light
Dark
Sections that stay dark regardless of theme (.s-craft, .cart-bar, mobile nav) use explicit --white: #fff and --black: #000 local overrides so their light-on-dark contrast is preserved in both modes.
Cormorant Garamond
Display & Editorial
Inter
Interface & Body
DISPLAY SCALE
Maison Artelier
Handcrafted crêpes
Made by hand, with intention.
Batter rested overnight. Poured by hand. Filled with care. Folded in fourths.
COLORADO SPRINGS, CO · ARTISAN CRÊPERIE · EST. 2024
01
No exclamation marks. No urgency. The bread speaks. We don't shout.
02
8-hour rested batter, not "fresh batter". House-made compote, not "quality filling". Name the thing.
03
Short sentences. Breathing room. Let the reader arrive at meaning, don't push them.
04
No superlatives. No "artisanal" as filler. Every word earns its place or it's cut.
IN PRACTICE
✕ Don't
Artisanal crêpes crafted with love and passion!
Our delicious crêpes are made fresh every single morning!
Experience the difference quality makes.
✓ Do
Batter rested overnight. Poured by hand. Served immediately.
Every crêpe is made to order. No pre-made stock.
One pan. One batter. The same every morning.
Sections breathe at var(--section-pad) — clamp(2.5rem, 10vw, 9rem) on desktop, 2.5rem on mobile.
The container lives at max-width 1440px with clamp(1.25rem, 5vw, 4rem) horizontal padding.
Line-heights: display 1.0–1.1 · body 1.75 · captions 1.4.