CURATED · OPEN · FREE

USM

A premium, grid-based modular furniture system rooted in Swiss modernism.

furnituredesign

↓ Download design system (44 MB)Open in OpenDesign

Visit: https://www.usm.com

📦 Browse pack contents →

Identity DNA

modularSwissmodernistsystemprecision

The Bauhaus architect of furniture

Color

#000000Ink

#373A40Ink soft

#FFFFFFBG

#F5F5F5BG soft

#E8E8E8BG quiet

#808080Muted

rgba(0,0,0,0.1)Line

Strict monochrome canvas that lets the colorful modular product photography command full attention.

Typography

grotesque-sans

display56px · 500
h140px · 400
body16px · 400

All-caps used sparingly for utility text · Generous letter-spacing (0.5px) on standard weight text · High contrast (black on white) maintained strictly

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

120px

Generous, generous whitespace defines the luxury feel.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

No visible UI borders; structural lines are defined by the product geometry.

rgba(0, 0, 0, 0.1) 0px 5px 50px 0px

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

Full-bleed photography intersected by a strict rigid grid system.

Motion & Interaction

220msmicro

300mssmall

500msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

Simple opacity fades · Smooth width transitions

Subtle opacity shifts or simple text underlines. · Immediate visual feedback

Components

button Minimal ghost buttons with sharp corners and uppercase typography.
card Product imagery without containers, framed by generous whitespace.
chip None
input Clean, single-bottom-border inputs with high contrast.
hero High-quality lifestyle photography with centered, sharp typography and a single clear CTA.

Voice & Don'ts

Tone Sophisticated, precise, and understated.
Headlines Short, declarative, and purely factual.
CTAs Direct and action-oriented (e.g., 'Take a Look').

Don't use rounded corners — screenshot shows sharp, 90-degree angles on buttons and elements.
Don't use drop shadows on primary UI elements — screenshot shows a flat, shadowless interface.
Don't use decorative backgrounds — screenshot shows clean white space (#FFFFFF) surrounding core components.
Don't use mixed font families — screenshot shows a consistent Helvetica/Arial grotesque stack throughout.
Don't use heavy font weights — screenshot shows a dominance of 400 weight and light 300 weights.
Don't use colorful accents — screenshot shows a strict black-and-white UI allowing product colors to shine.
Avoid: Exclamation marks
Avoid: Marketing superlatives
Avoid: Overly casual language

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a premium, modernist e-commerce platform for modular Swiss furniture. It relies on a stark, high-contrast monochrome UI (white #FFFFFF and black #000000) to act as a neutral canvas for vibrant product photography. The typography is exclusively a grotesque-sans family (Helvetica/Arial) using mostly regular (400) and light (300) weights with generous letter-spacing (0.5px). The layout follows a strict grid system with extensive whitespace (120px padding) and sharp, zero-pixel border radii. Do not use rounded corners, drop shadows, mixed fonts, or colorful UI accents. Never use heavy font weights or marketing superlatives; maintain a precise, understated, and highly structured visual voice.

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