A quiet Scandinavian showroom with abundant white space and restrained typography.
02
Color
#494949Ink
#696969Ink soft
#FFFFFFBG
#CFCFCFBG soft
#9C9C9CMuted
rgba(156,156,156,1)Line
Strict monochrome palette using white, black, and a controlled range of warm grays.
03
Typography
geometric-sans
display56px · 400
h124px · 400
body16px · 400
Geometric sans-serif used for all text levels · Light or regular weight (400) used consistently across all elements · Generous letter-spacing applied to all text for legibility and elegance
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous vertical spacing with significant padding around main content blocks (78px to 109px vertical padding).
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid border using muted gray (#9C9C9C) for buttons and outlines
rgba(0, 0, 0, 0.1) 0px 8px 10px -6px · rgba(0, 0, 0, 0.1) 0px 20px 25px -5px
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Centered single-column layout with strict alignment to the middle of the viewport.
07
Motion & Interaction
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
Smooth background-color and color transitions on interactive elements · Transform transitions for hover states
Subtle background-color or color transitions (0.15s-0.25s) on buttons and navigation links. · Standard pointer cursor for interactive elements.
08
Components
buttonPill-shaped buttons with solid dark gray fill and white text, or transparent with a 1px gray border.
cardMinimal or non-existent on this page; content relies on flat white surfaces.
chipNot present on this page.
inputNot present on this page.
heroA massive, vertically centered text block with extreme top/bottom padding and no imagery.
09
Voice & Don'ts
ToneCalm, professional, and direct.
HeadlinesShort, clear, and completely devoid of marketing fluff.
CTAsAction-oriented and polite (e.g., 'Back to homepage', 'Accept cookies').
Don't use bright, saturated colors — screenshot shows a strict monochrome palette of white, black, and grays.
Don't use heavy font weights — screenshot shows consistent use of regular (400) weight for all text.
Captured from the live site · real computed styles
11
System prompt
Design a premium, Scandinavian-inspired furniture website characterized by extreme restraint and calmness. Use a strict monochrome palette consisting of a pure white background (#FFFFFF), dark gray ink (#494949), medium muted grays (#696969, #9C9C9C), and a light gray surface (#CFCFCF). There should be no high-chroma accent colors. Use a clean geometric-sans typeface for all display and body text, maintaining a regular (400) weight and generous letter-spacing. The layout must be centered, minimalist, and feature vast amounts of whitespace, especially around headlines. Critical donts: never use bright or saturated colors, never use bold or heavy font weights, and never create dense or cramped content blocks.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.