The Jewellery Room
Wireframes — v3
00
Sitemap
01
Frontpage
02a
PLP — Category
02b
PLP — All
03
PLP — Themed
04
PDP
05b
Explore — Balanced
05a
Explore — Content-led
06
Profile
07a
Stories — Listing
07b
Stories — Article
08
Guides
09
Textpage
10
Components
1440px frames · 12-column grid · 24px gutters · 96px margins · 8px spacing system
Drag to pan · ⌘/Ctrl + scroll to zoom
Page Templates — high-level wireframes
· 1440 / 12 col / 8px · luxury: images lead
12-col grid
−
50%
+
Fit
00 · Sitemap
approved structure · v2
The Jewellery Room · Information Architecture
Sitemap
Approved by client
Jewellery
/collections/jewellery
By Category
Rings
Necklaces
Earrings
Bracelets
Brooches
Jewellery Boxes
Gifting
Gifts for Her
Gifts for Him
Gifts by Occasion
Gift Cards
Filters
Gold · Silver · White gold
Rose gold · Plated
Diamond · Pearl · Emerald
Sapphire · Opal
Form · Price
Explore
/explore
Browse
Collections
Designers
New & Now
What just came in
What we're wearing now
Men's Jewellery
Designers
/pages/designers
Browse
All Designers (A-Z)
Featured
Helgstrand Jewellery
Soleya Jewellery
ASTERA Studio
Kinraden
Julie Sandlau
LIL Milan
New
Josephine Skriver Jewelry
Coralie Grzes
Rouvenat
ENNUI Atelier
Métier by tomfoolery
MYSTERYJOY
Popular
Ole Lynggaard
Georg Jensen
Engelbert
Le Soonar
Alexa Fine Jewelry
Dulong Fine Jewelry
Favourites
AKIND
Akva Jewellery
Kay Bojesen Jewelry
Shamballa Jewels
Ro Copenhagen
Bergsoe Jewellery
Stories
/stories
Read
Latest
Archive
Topics
Designer Features
Style Edit
Trends
Engagement
Guides
/guides
Size Guides
Ring Size Guide
Necklace Size Guide
Bracelet Size Guide
Bangle Size Guide
Earring Size Guide
Hoop & Huggie Size Guide
Anklet Size Guide
Diamonds & Materials
Diamond Buying Guide
Lab-Grown Diamonds, explained
Metals & gemstones
Care & Engagement
Quick Jewellery Fixes at Home
Jewellery Care Guide
Engagement Ring Guide
About
/pages/about-us
The Jewellery Room
About Us
Brand Manifesto
The Room Standard
The Founders
Showroom
Showroom Copenhagen
Book an Appointment
Help
Contact
Customer Service
Saved
Your Room
Footer & utility: Trust block (Bredgade 35 · founders · phone) · Customer Service · Your Account (Login, Orders, Your Room, Cart & Checkout) · Policies · Currency / Language / Search
01 · Frontpage
image-led · alternating editorial modules
Announcement / trust line
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Call to action
Hero — full-bleed lifestyle · headline bottom-left
Product rail — on our minds this month
P
P
P
P
P
P
Capsule / collab — asymmetric editorial pair
Still life
Portrait — large, offset
Editorial module — image / text
Still life — large
See products
Editorial module — text / image (mirrored)
See products
Worn — large
Product rail — second curated rail
P
P
P
P
P
P
Campaign tiles — 3-up
See products
See products
See products
Shop our looks — carousel · hotspots + product card
‹
Look — lifestyle image
Product
View product
›
Long-form — craft / SEO text
Pull quote — serif
"Pull quote — two lines of serif voice."
Attribution
Brand image — packaging / craft
Full-bleed — packaging & detail
Long-form — sustainable choices
FOOTER — logo · newsletter · payment · legal
02a · PLP — Category
intro before grid · refine left
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Category intro + small selection
Selection
Selection
Selection
Refine (left, sticky) + product grid — editor's selection first
Refine
Primary
Independent designers only
Off
Designer
+
Metal
+
Stone
+
Price
+
Style
+
Sustainable
+
Provenance
+
Sort: Editor's selection
Product
Product
Product
Product
Product
Product
Load more
SEO text
FOOTER — logo · newsletter · payment · legal
02b · PLP — All
utility listing · 4-up · no intro
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Refine (left, sticky) + full grid — straight to product
Refine
Primary
Independent designers only
Off
Designer
+
Metal
+
Stone
+
Price
+
Style
+
Sustainable
+
Provenance
+
Sort: Editor's selection
P
P
P
P
P
P
P
P
P
P
P
P
Load more
SEO text
FOOTER — logo · newsletter · payment · legal
03 · PLP — Themed
editorial header over the grid
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Editorial header — full-bleed theme image
Editorial intro — extended text
Product grid — pre-filtered
Product
Product
Product
Designer rail — designers in this edit
Designer
Designer
Designer
Designer
Guide cross-link
Guide illustration
Read the guide
Related themes
Theme
Theme
Theme
FOOTER — logo · newsletter · payment · legal
04 · PDP
worn-first gallery · curator's note · logistics collapse
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Worn image — first, large
Detail image
Detail
Scale / on body
Size — guide link
Add to bag
Save to Your Room
Details & materials
+
Shipping & returns
+
Size & fit
+
Showroom — try it on
+
Designer cross-link
Designer portrait
The designer
Related pieces
Product
Product
Product
Product
Cross-links — why we chose this · size guide
Who chose this — curator
Size guide — illustration
FOOTER — logo · newsletter · payment · legal
05b · Explore — Balanced
balanced content / product
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Browse — two doors
Collections — big image tile
Designers — big image tile
New & now — what just came in
Product
Product
Product
What we're wearing now — content + product
Editorial image — full-bleed
Product
Product
Product
Product
FOOTER — logo · newsletter · payment · legal
05a · Explore — Content-led
content-led · editorial first, product secondary
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Editorial feature — full-bleed, dominant
Editorial intro — reading column
Browse — two doors
Collections — image tile
Designers — image tile
Story-style module — image + narrative
Editorial image — large
Read / shop
Product — single restrained rail
Product
Product
Product
Product
FOOTER — logo · newsletter · payment · legal
06 · Profile
designers & heritage — magazine feature
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Profile hero — headline left, portrait right
Portrait — at the bench
Intro — the story, reading column
Quote — designer's voice, serif
"Quote — three to four lines in the designer's own words."
Designer name
Workshop — staggered image pair, captioned
Process — at the flame
Process — polishing
Body — how we found them
Collection rail — the opening edit · bleeds right, scrolls
Product
Product
Product
Product
Product
Long-form — Q&A at the workbench
Pull quote — serif
"Pull quote — two lines of serif voice."
Designer name
Brand image — packaging / signature detail
Full-bleed — branded packaging
Long-form — sustainable choices, Q&A
FOOTER — logo · newsletter · payment · legal
07a · Stories — Listing
a publication, not a blog
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Latest
Designer Features
Style Edit
Trends
Engagement
Archive
Featured story
Featured — full-bleed
Story grid
Story
Story
Story
Story
Story
FOOTER — logo · newsletter · payment · legal
07b · Stories — Article
long-form · shoppable inline
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Article hero — full-bleed
Body — reading column
Full-bleed image
Full-bleed — editorial
Image pair — side by side, captioned
Image — detail
Image — worn
Pull quote — serif
"Pull quote — two lines of serif voice."
Inline image — wide
Shop our looks — pieces in this story · carousel
‹
Look — lifestyle image
Product
View product
›
Related stories
Story
Story
Story
FOOTER — logo · newsletter · payment · legal
08 · Guides
TOC + sections · tools & tables
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Table of contents — sticky
Guide sections
Illustration — how to measure
Help CTA — showroom / contact
Book appointment
Contact
FOOTER — logo · newsletter · payment · legal
09 · Textpage
about · policies · service
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Rich text — reading column
Optional — image
Image — optional
Optional — people / map / form
Action
FOOTER — logo · newsletter · payment · legal
10 · Components
library - everything used across 01-09
The Jewellery Room - Design System
Components
Used across templates 01-09
Foundations
Type - headline / body / link
Buttons - solid / outline / small
Add to bag
See products
Small action
Chips - filter / topic / sort
Material
Trends
Sort: Editor's selection
Toggle - pager dots - carousel arrow
Off
›
Image placeholder + caption
Image - content name
Shoppable image - hotspots
Pull quote - serif + attribution
"Two lines of serif voice."
Attribution
Module tag
Module name - descriptor
Section title - eyebrow + title
Cards
Product card - 4:5
Product
Rail card - square, name + price
Product
Designer card
Designer
Story card - landscape
Story
Commerce
Refine panel - primary toggle + accordions
Refine
Primary
Independent designers only
Off
Designer
+
Metal
+
Stone
+
Buy stack - PDP panel
Add to bag
Save to Your Room
Details & materials
+
Shipping & returns
+
Results + sort row
Sort: Editor's selection
Modules
Editorial module - image / text
Image
See products
Cross-link - designer / guide
Portrait / illustration
Read the guide
Cross-link card - square + link
Who chose this
Campaign tile
See products
Editorial header - overlay text
Shop our looks - carousel
‹
View
›
Help CTA panel
Book appointment
Contact
TOC + table
Q&A block
Global
Header - nav / logo / icons (active item underlined)
Jewellery
Explore
Designers
Stories
Guides
About
THE JEWELLERY ROOM
Footer - 4 columns + legal strip
Footer - logo · newsletter · payment · legal