CURATED · OPEN · FREE

Varierfurniture

A premium furniture brand site defined by extreme restraint, monochrome palette, and generous breathing room.

PremiumRestraintCleanCalmRefined

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://www.varierfurniture.com/en_gb

📦 Browse pack contents →

Identity DNA

minimalistScandinavianfurnitureergonomicpremium

A quiet Scandinavian showroom with abundant white space and restrained typography.

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.

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

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Generous vertical spacing with significant padding around main content blocks (78px to 109px vertical padding).

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

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Centered single-column layout with strict alignment to the middle of the viewport.

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.

Components

button Pill-shaped buttons with solid dark gray fill and white text, or transparent with a 1px gray border.
card Minimal or non-existent on this page; content relies on flat white surfaces.
chip Not present on this page.
input Not present on this page.
hero A massive, vertically centered text block with extreme top/bottom padding and no imagery.

Voice & Don'ts

Tone Calm, professional, and direct.
Headlines Short, clear, and completely devoid of marketing fluff.
CTAs Action-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.
Don't create dense, cramped layouts — screenshot shows generous whitespace and padding (78px-109px vertical).
Don't use sharp, square corners on primary buttons — screenshot shows pill-shaped (999px) buttons.
Don't use drop shadows everywhere — screenshot shows shadows are only present on a specific chat widget and minimal interactive states.
Don't add unnecessary decorative elements — screenshot shows a very clean, minimalist interface with no illustrations.
Avoid: Bright or saturated colors
Avoid: Excessive punctuation or emojis
Avoid: Dense text blocks
Avoid: Loud or aggressive typography

Inside the pack — real screenshots

Varierfurniture — 桌面首屏（hero） — 桌面首屏（hero）

Varierfurniture — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

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.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko