Template Documentation
Everything used to build this template — colors, type, buttons, and the one reusable component — so you can restyle it confidently for your own brand.
Color Palette
Ink
#141414 — Headlines, dark surfaces
Paper
#FAFAF8 — Page background
Stone
#EDEBE7 — Secondary surfaces
Muted
#7A7873 — Supporting text
Line
#DCD9D2 — Hairlines, borders
Typography
Furniture, considered.
H1 — Playfair Display / 500 / 40–88px
Featured Collections
H2 — Playfair Display / 500 / 30–44px
The Ferro Table
H3 — Playfair Display / 500 / 22–30px
Every frame is joined, sanded, and finished by hand.
Body — Inter / 400 / 15–16px
BROWSE BY CATEGORY
Eyebrow — Inter / 500 / 12–13px / uppercase
Buttons
Primary — dark fill
Secondary — outline
Collections
Nav Link style
Component: Collection Card
One component powers every product card on the homepage — the large collection cards, the showroom strip, and any new grid you add. Duplicate an instance and switch its Variant control between Large and Compact.
Sofas
24 Pieces
Variant — Large
Ferro Table
From $6,800
Variant — Compact
Spacing & Layout
Side margins are 64px on every section, and section padding runs on a 140px top/bottom rhythm — keep new sections on that scale so the page stays visually calm.
The Featured Collections grid uses two staggered columns rather than a strict grid — copy this pattern (a spacer frame above one column) whenever you want an asymmetric, editorial feel instead of uniform rows.
The navigation and footer live in the shared Site Layout template, applied to every page — edit them once there and the change appears everywhere.
Customizing This Template
Images — click any photo and replace the fill with your own; every image sits in a plain frame, nothing is baked into an icon or background.
Colors — update the five color tokens (Ink, Paper, Stone, Muted, Line) once and the whole site follows.
Fonts — swap Playfair Display or Inter for another family from your project fonts; both are used consistently, so one change updates everything.
Sections — duplicate any section frame and reorder it; padding and type scale are self-contained per section.
Navigation & footer — edit once inside the Site Layout template to update every page at once.
Vellano Template — Style Guide