← OpenDesign
CURATED · OPEN · FREE
Artek
A refined furniture brand website emphasizing photographic storytelling and restrained, classic typography.
furniture design
01
Identity DNA
Scandinavian Furniture Design Heritage Minimalist
A clean, high-end furniture catalog
02
Color
#000000Ink
#FFFFFFBG
#F7F7F7BG soft
#EAEAEABG quiet
#919191Muted
rgba(0,0,0,0.1)Line
A monochromatic UI palette with strong reliance on high-quality photography to provide warmth and depth.
03
Typography
geometric-sans
display 48px · 400heading 26px · 400body 18px · 400small 14px · 400
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous whitespace, often defined by padding blocks like 45px.
05
Surfaces
sm · 0px
md · 0px
lg · 15px
pill · 999px
Minimal, typically 1px solid black for outlines or underlines.
06
Layout
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
Large, full-width photographic sections interspersed with structured grid layouts for text.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
Smooth fade-ins and subtle transitions for UI elements.
Subtle color changes or opacity shifts. · Immediate feedback.
08
Components
button Minimalist outline style, often just text with a border or simple fill. card Image-driven with clean text overlays. chip N/A input Clean, underlined or bordered minimal inputs. hero Full-bleed photography with prominent, centered or left-aligned typography.
09
Voice & Don'ts
Tone Quiet, authoritative, and elegant. Headlines Short, direct, and typographically prominent. CTAs Understated, often just underlined text or a simple button. Don't use high-chroma colors — the screenshot shows a strict monochromatic palette. Don't use heavy drop shadows — the screenshot shows flat, clean surfaces. Don't use decorative serif fonts — the screenshot shows geometric sans-serif typography. Don't clutter the layout with small, dense text blocks — the screenshot shows generous spacing. Don't use loud, colorful buttons — the screenshot shows minimal outline buttons. Don't use dark mode — the screenshot shows predominantly light backgrounds. Avoid: Excessive decoration Avoid: Bright colors Avoid: Playful language
10
Inside the pack — real screenshots
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
System prompt
Artek is a premium Finnish furniture brand. Its website features a refined, editorial aesthetic with a focus on high-quality photography. The design relies on a clean geometric sans-serif typeface (Artek Futura). The color palette is strictly monochromatic, using black, white, and neutral grays (#F7F7F7, #EAEAEA), allowing the product photography to provide warmth and character. Key hex values include #FFFFFF for main backgrounds and #000000 for primary text. Do not use excessive decoration or bright colors; avoid heavy shadows or playful typography; do not clutter the layout.
More from the library
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: A great example of restrained, premium design where the product photography takes center stage.