CURATED · OPEN · FREE

Walden Us

High-end meditation and wellness brand with a calm, nature-focused design language.

PremiumCleanCalmProductEditorial

↓ Download design system (41 MB)Open in OpenDesign

Visit: https://walden.us

📦 Browse pack contents →

Identity DNA

zenpremiumminimalistmeditationnature-inspired

A luxury zen retreat for meditation products

Color

#030302Ink

rgba(3,3,2,0.76)Ink soft

#FFFFFFBG

#EDEDEDEBG soft

#F7F7F7BG quiet

#808080Muted

rgba(3,3,2,0.15)Line

Muted, nature-inspired palette dominated by white, deep green, and warm grays

Typography

geometric-sans · grotesque-sans

display40px · 500
h120px · 400
body14px · 400
small12px · 400

Use Graphik for body text and navigation · Use Geist for display headings and branding · Maintain consistent letter spacing for readability

Spacing

4px

8px

12px

16px

20px

24px

32px

40px

48px

64px

Consistent 4px base grid with generous padding for breathing room

Surfaces

sm · 2px

md · 8px

lg · 12px

pill · 999px

Subtle 1px borders using rgba(3,3,2,0.76)

0px 4px 20px 0px rgba(3,3,2,0.15) · inset 0px 0px 0px 1px rgba(211,206,197,1) · 0px 0px 30px 0px rgba(0,0,0,0.15)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-width image hero with centered modal overlay and structured product grid below

Motion & Interaction

125msmicro

200mssmall

400msmedium

ease-in-outeasing

Fade transitions for content visibility · Color and background-color transitions on hover

Color transitions on text and background-color on interactive elements · Immediate visual feedback with background color change

Components

button Full-width gray buttons with white text in modal, subtle borders on hover
card Product cards with full-bleed imagery and centered text labels
chip Text-based category chips in navigation
input Clean text input fields with subtle border
hero Large full-bleed nature photography with centered modal overlay

Voice & Don'ts

Tone Calm, welcoming, and sophisticated
Headlines Simple, direct questions and statements
CTAs Clear, experience-based options rather than aggressive sales language

Don't use bright accent colors — screenshot shows only white, gray, and dark green tones
Don't use decorative fonts — screenshot shows clean geometric and grotesque sans-serifs
Don't use rounded pill buttons everywhere — screenshot shows rectangular buttons with subtle rounding
Don't create dense text layouts — screenshot shows generous white space and breathing room
Don't use busy patterns — screenshot shows clean solid backgrounds with photography
Don't use aggressive CTAs — screenshot shows calm, experience-based selection options
Avoid: Aggressive sales language
Avoid: Loud colors or busy patterns
Avoid: Complex technical jargon
Avoid: Dense text blocks
Avoid: Overly casual tone

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

WALDEN is a premium meditation and wellness brand with a calm, nature-inspired design language. Key hex colors include white (#FFFFFF), near-black (#030302), and warm grays (#808080, #EDEDEDE). Typography uses geometric sans (Geist) for headings and grotesque sans (Graphik) for body text. The design emphasizes breathing room with generous padding and subtle borders. Critical donts: don't use bright accent colors (palette is muted), don't use decorative fonts (keep it clean and geometric), don't create dense layouts (maintain generous whitespace).

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