Korean Minimal · K-beauty interface design
K-beauty minimalism translated into interface design. Pastel warmth, whispered contrasts, and the quiet confidence of intentional space.
color system
Five tones that speak in whispers. No cold edges, only the warmth of natural light filtering through morning windows.
slate blue
#3d4a5c
clarity
warm white
#faf9f7
space
blush pink
#d4a5a5
softness
sage green
#a8c5b8
calm
sand
#e8d4b8
warmth
the full gradient — from depth to light
opacity tints — the quiet language of restraint
component system
Every component carries the same softness. Rounded corners, lazy transitions, and whispered color contrasts throughout.
button variants
sizes
states
animation & interaction rules
Four named interaction patterns — each one a considered restraint. Hover or click each demo to feel the difference between noise and intention.
Transitions use duration-700 or longer with ease-in-out. Unhurried, confident, never anxious.
“慵懒平稳，不做短促反馈” — lazy and steady, no abrupt feedback
Hover each pill to feel the timing difference
Hover displacement stays at -translate-y-0.5 (2px). Warm shadow expands softly to express depth.
“超浅暖色阴影扩散表达层次” — shallow warm shadow diffusion expresses hierarchy
hover this card
2px lift, warm shadow grows
resting state — no shadow tension
Text and borders shift only within the same hue family. No high-contrast jumps — only micro-opacity changes.
“避免高对比跳色破坏安静氛围” — avoid high-contrast color jumps that break the quiet atmosphere
Hover to see the text breathe — not jump
Border shifts from /08 to blush /40 — same calm, different warmth
opacity 0.40 — text rests in the quiet
Active feedback uses background deepening, not scale or bounce. The UI acknowledges the press without drama.
“active 反馈优先背景轻微加深” — active feedback prefers a slight background deepening
Click and hold the first button to see it
hover to experience each timing
app demo
A mock skincare brand page showing the design system in context — generous whitespace, pastel accents, and micro-lift interactions.
Daily Essence
Hydrating Mist
Overnight Care
morning routine
key ingredients
portfolio
A gallery of softness. Each piece an exercise in restraint and warmth.
brand identity
editorial
photography
product design
art direction
illustration
design philosophy
Ancient Korean aesthetics translated into the language of interface design. Each principle a lesson in intentionality.
Skin · Surface Texture
Clean, unblemished backgrounds that let content breathe naturally. Like skin care, the foundation matters most.
Whitespace · Breathing Room
Space is not empty — it is the silence between notes. Generous margins allow meaning to settle and rest.
Restraint · Minimal Decoration
Every ornament removed is a decision made with intention. Less reveals more when paired with confidence.
Warmth · Pastel Temperature
Warm pastels carry emotional temperature. A cool white becomes inviting when softened with sand and blush.
type system
Font-light throughout. Every size a different tone, never a shout, always a whisper.
guiding principleAll text uses font-light as the default weight. When emphasis is needed, reduce opacity — never increase weight. Let silence speak.
design guidance
Knowing what to leave out is as important as knowing what to include. Restraint is active, not passive.
Soft corners invite touch. They feel approachable and human, matching the warmth of K-beauty aesthetics.
Hard corners create tension and coldness, which contradicts the warm, welcoming K-minimal sensibility.
Slow transitions feel like deep breaths — unhurried, confident, and serene. They signal quality.
Fast animations feel anxious and aggressive. They break the contemplative mood that defines the style.
Sand, blush, and sage carry emotional warmth. They feel like natural light, morning windows, and calm.
Bright blues or neons break the delicate palette balance and introduce visual tension.
A gentle -translate-y-0.5 lift feels like a soft breath — present but never dramatic.
Large scale transforms or spring animations conflict with the composed, still quality of Korean minimal.