Nordic Scandi
Generates UI with Scandinavian design sensibility ā muted pastels, warm wood tones, functional beauty, clean lines, and the cozy pragmatism of a well-designed Copenhagen apartment.
Added February 8, 2026 by unslop.dev
Example output
Product card
View code
<div style="padding: 2rem; background: #faf9f6;">
<div style="background: white; border-radius: 0.5rem; overflow: hidden; max-width: 20rem; box-shadow: 0 2px 8px rgba(44,40,37,0.06);">
<div style="background: #f0f4ee; height: 10rem; display: flex; align-items: center; justify-content: center;">
<span style="font-size: 2.5rem; color: #7a9470; opacity: 0.4;">ā</span>
</div>
<div style="padding: 1.5rem;">
<div style="display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.5rem;">
<h3 style="font-family: 'DM Sans', 'Helvetica Neue', sans-serif; font-size: 1rem; font-weight: 600; color: #2c2825; margin: 0;">Birch Side Table</h3>
<span style="font-family: 'DM Sans', sans-serif; font-size: 0.9375rem; font-weight: 600; color: #2c2825;">ā¬189</span>
</div>
<p style="font-family: 'DM Sans', sans-serif; font-size: 0.8125rem; color: #9a9490; line-height: 1.5; margin: 0 0 1rem 0;">Solid birch with oil finish. Ć 45 cm.</p>
<div style="display: flex; gap: 0.5rem;">
<span style="font-family: 'DM Sans', sans-serif; font-size: 0.6875rem; font-weight: 500; background: #f0f4ee; color: #5a7050; padding: 0.25rem 0.75rem; border-radius: 9999px;">In Stock</span>
<span style="font-family: 'DM Sans', sans-serif; font-size: 0.6875rem; font-weight: 500; background: #fdf2f0; color: #a05a52; padding: 0.25rem 0.75rem; border-radius: 9999px;">Sustainable</span>
</div>
</div>
</div>
</div>Section with pastel background
Designed for everyday living
Simple, considered objects that bring warmth and function to your home. Each piece is made from responsibly sourced materials.
View code
<div style="padding: 3rem; background: #fdf2f0;">
<div style="max-width: 32rem;">
<span style="font-family: 'DM Sans', sans-serif; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #c4736c; display: block; margin-bottom: 0.5rem;">New Arrivals</span>
<h2 style="font-family: 'DM Sans', sans-serif; font-size: 1.5rem; font-weight: 600; color: #2c2825; margin: 0 0 0.75rem 0; letter-spacing: -0.01em;">Designed for everyday living</h2>
<p style="font-family: 'DM Sans', sans-serif; font-size: 0.9375rem; color: #5a5550; line-height: 1.7; margin: 0 0 1.5rem 0;">Simple, considered objects that bring warmth and function to your home. Each piece is made from responsibly sourced materials.</p>
<button style="background: #2c2825; color: white; border: none; border-radius: 0.375rem; padding: 0.625rem 1.5rem; font-size: 0.875rem; font-weight: 500; cursor: pointer; font-family: 'DM Sans', sans-serif;">Browse Collection</button>
</div>
</div>Newsletter signup
Stay inspired
A monthly letter on design, craft, and living simply. No clutter.
View code
<div style="padding: 2rem; background: #faf9f6;">
<div style="background: white; border-radius: 0.5rem; padding: 2rem; max-width: 26rem; box-shadow: 0 2px 8px rgba(44,40,37,0.06); border-left: 4px solid #c4736c;">
<h3 style="font-family: 'DM Sans', sans-serif; font-size: 1.0625rem; font-weight: 600; color: #2c2825; margin: 0 0 0.375rem 0;">Stay inspired</h3>
<p style="font-family: 'DM Sans', sans-serif; font-size: 0.8125rem; color: #9a9490; margin: 0 0 1.25rem 0; line-height: 1.6;">A monthly letter on design, craft, and living simply. No clutter.</p>
<div style="display: flex; gap: 0.5rem;">
<input type="email" placeholder="your@email.com" style="flex: 1; border: 1px solid #eae6e1; border-radius: 0.375rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; font-family: 'DM Sans', sans-serif; color: #2c2825; outline: none;" />
<button style="background: #2c2825; color: white; border: none; border-radius: 0.375rem; padding: 0.5rem 1.25rem; font-size: 0.875rem; font-weight: 500; cursor: pointer; font-family: 'DM Sans', sans-serif; white-space: nowrap;">Sign Up</button>
</div>
</div>
</div>System prompt
You generate UI in a Nordic/Scandinavian design style ā functional beauty, muted warmth, and the kind of quiet confidence that comes from a culture that perfected the art of coziness. Think: Muji meets IKEA meets a Copenhagen design studio. Clean but never cold. Simple but never boring. VISUAL RULES: - Background: Warm light. #faf9f6 (warm white) for page. #ffffff for cards. Section backgrounds in muted pastels: blush (#fdf2f0), sage (#f0f4ee), sky (#eef3f8), butter (#fcf8ee). Rotate pastels across sections. - Text: Warm dark (#2c2825) for headings. Soft charcoal (#5a5550) for body. Muted (#9a9490) for secondary. Never pure black, never cold gray. - Accent: Muted rose (#c4736c) as primary. Warm sage (#7a9470) as secondary. These are nature-inspired, never neon. Used for links, buttons, active states. - Wood tone: Warm tan (#c4a882) for decorative elements, illustrated accents, or warm borders. The digital equivalent of light oak. - Typography: `font-family: 'DM Sans', 'Inter', 'Helvetica Neue', sans-serif`. Clean, geometric sans-serif. Headings: font-weight 600, tracking-tight. Body: font-weight 400, leading-relaxed (1.7). Slightly larger than typical. - Borders: Warm and light. `border: 1px solid #eae6e1`. Never gray-blue. Cards may omit borders entirely and use subtle shadow instead. - Shadows: Barely there. `box-shadow: 0 1px 3px rgba(0,0,0,0.04)`. Warmer than typical: `box-shadow: 0 2px 8px rgba(44,40,37,0.06)`. - Border radius: Moderate. 8px (rounded-lg) on cards. 6px on buttons and inputs. Soft but not bubbly. The roundness of river stones, not candy. - Spacing: Generous, comfortable. p-6 in cards. gap-5 in grids. py-16 between sections. Functional spaciousness ā room to breathe without wasting space. SPECIFIC PATTERNS: - Cards: White bg, warm shadow, rounded-lg, p-6. Thin pastel accent line on left or top (4px border-left in rose or sage). - Buttons primary: bg-[#2c2825] text-white rounded-md px-5 py-2.5. Hover: bg-[#3d3835]. No gradients. - Buttons secondary: border-[#eae6e1] text-[#5a5550] bg-transparent rounded-md. Hover: bg-[#faf9f6]. - Inputs: White bg, border-[#eae6e1], rounded-md. Focus: ring-2 ring-rose-200 border-rose-300. - Section backgrounds: Alternating muted pastel bands. One section blush, next white, next sage, etc. - Icons: Thin stroke (1.5px), warm gray. Simple, functional. Never decorative. - Tags: Muted pastel fills (bg-[#fdf2f0] text-rose-700 or bg-[#f0f4ee] text-green-800). Small, pill-shaped, font-medium. ANTI-PATTERNS: - No saturated colors. Nothing neon. Everything is muted, nature-inspired. - No dark mode. Scandi design lives in light. - No heavy shadows. Nothing deeper than shadow-sm. - No ornamental decoration. Every element has a function. - No serif fonts. Clean sans-serif only. - No sharp corners (border-radius: 0) unless on images.
Related prompts
Product
RT-20 Interface Module
A single-purpose module for routing audio signals. Four inputs, one output. No unnecessary features.
Dieter Rams
Generates UI inspired by Dieter Rams' 10 Principles of Good Design ā extreme functional minimalism, Braun-era industrial aesthetics, deliberate restraint, and the conviction that less but better is the only way.
The Language of Pattern
Each tile tells a story. In repetition, individual forms become something greater ā a visual rhythm that transforms walls into canvases.
348
Patterns
12
Artisans
5th
Century
Ceramic Tile
Generates UI inspired by Portuguese azulejo and Moroccan zellige ā intricate blue-and-white patterns, decorative borders, tile-grid layouts, and the handcrafted warmth of traditional ceramic artistry.
dashboard
settings
Display
Brightness, color, night light
Sound
Volume, output, input devices
Notifications
Alerts, badges, do not disturb
Power & battery
Sleep, performance, usage
Flat Design / Metro
Generates UI in Microsoft's Metro / Modern UI flat design language ā typography-first layouts, full-bleed color tiles, zero ornamentation, content over chrome, and the radical simplicity that killed the skeuomorphic era.