CURATED · OPEN · FREE

Audo Copenhagen

Warm, premium Scandinavian furniture e-commerce with a restrained, editorial aesthetic

furnituredesign

↓ Download design system (17 MB)Open in OpenDesign

Visit: https://audocph.com

📦 Browse pack contents →

Identity DNA

furniturescandinavianminimalwarmthcrafted

A curated gallery for high-end Scandinavian home goods

Color

#929172Accent

#2F2B23Ink

#141414Ink soft

#F5F3EBBG

#FFFFFFBG soft

#817E74Muted

rgba(47,43,35,0.3)Line

Warm neutrals with earthy, low-chroma accents create a calm, premium atmosphere

Typography

transitional-serif · geometric-sans

display48px · 400
heading28px · 400
body14px · 400
small12px · 400

Uppercase small text for navigation and category labels · Light weight (400) used across most text elements · Serif fonts used for branding and display to convey elegance

Spacing

4px

8px

16px

24px

32px

40px

64px

96px

Consistent vertical rhythm with generous padding for an airy feel

Surfaces

sm · 2px

md · 4px

lg · 10px

pill · 9999px

Subtle 1px borders in muted earthy tones, often only on specific sides

0px 4px 5px 0px rgba(47,43,35,0) · 0px 32px 68px 0px rgba(0,0,0,0.3)

Layout

1440container

12columns

40pxgutter

768 / 1024breakpoints

Full-width photographic hero sections with centered content

Motion & Interaction

200msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

Fade-in transitions for page elements · Smooth opacity changes for hover states

Subtle opacity changes or background color shifts · Immediate visual feedback on buttons and toggles

Components

button Outline style with thin borders, filled style using the muted accent color, uppercase small text
card Minimal styling, relying on large photography and generous whitespace
chip Simple toggle switches with rounded pill shapes and earthy fill colors
input Simple underline or minimal border inputs, not prominently featured
hero Full-viewport cinematic product photography with centered serif typography

Voice & Don'ts

Tone Sophisticated, calm, and understated
Headlines Elegant serif, often with light weight, focusing on the product
CTAs Uppercase, geometric sans-serif, often outlined or muted fill

Don't use bright, saturated primary colors — screenshot shows a restrained palette of warm neutrals (#F5F3EB, #2F2B23) and earthy accents (#929172)
Don't use heavy, bold typography — screenshot shows font weights predominantly at 400 (regular)
Don't clutter the layout with multiple competing elements — screenshot shows a clean, spacious layout focused on large imagery
Don't use sharp, 0px border-radii — screenshot shows subtle rounding (2.5px to 10px) even on minimal elements
Don't use standard blue link colors or red CTAs — screenshot shows actions in muted earthy tones or simple black text
Don't create dense navigation menus — screenshot shows wide spacing between uppercase navigation items
Avoid: Loud, high-contrast colors
Avoid: Rounded, playful shapes
Avoid: Heavy font weights
Avoid: Dense, cluttered layouts

Inside the pack — real screenshots

Audo Copenhagen — 桌面首屏（hero） — 桌面首屏（hero）

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

Captured from the live site · real computed styles

System prompt

Design a premium Scandinavian furniture e-commerce site. Position it as a curated, editorial gallery rather than a typical retail shop. Use a warm, restrained palette: cream background (#F5F3EB), dark earthy ink (#2F2B23), and a muted olive accent (#929172). Typography should pair a transitional serif for elegant headlines with a clean geometric sans-serif for body text, keeping font weights light (400). Critical donts: Do not use bright, saturated colors or high-contrast accents. Do not use heavy, bold typography. Do not clutter the interface; prioritize generous whitespace and large, cinematic product photography. Do not use harsh, sharp corners everywhere. Do not use standard web blue or red for interactive elements. Do not create dense, crowded layouts.

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