Nordic Minimal UI
SkillStack Official
Design calm, cold-white Nordic minimal landing pages — lagom restraint, hairline keylines, generous white space, one product per viewport, typography as the hero. Includes a full product-launch demo for a fictional Copenhagen lamp brand with a live Kelvin temperature slider, finish swatches, and a working pre-order configurator.
Design a Nordic minimal product launch page for a wireless speaker — cold white background, hairline rules, one product per viewport, with a live finish switcher.
What you get
- SKILL.md with the full Nordic minimal system (tokens, components, motion, copy voice, QA checklist)
- references/design-tokens.md — exact colour, type, spacing and motion tables
- references/components.md — 12 component specs from nav to pre-order configurator
- references/snippets.md — 10 paste-ready vanilla JS/CSS recipes
- 2 live demo pages (landing + pre-order) with hand-drawn SVG product art and local fonts
Good fit
- Product launch pages for a single object
- Portfolio and studio sites that need calm, premium restraint
- SaaS and hardware pages where typography must carry the design
Not for
- Loud sales pages or dense marketplaces
- Festive or maximalist briefs
- Designs needing more than one accent colour
- Name
- Nordic Minimal UI
- Downloads
- 1
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Nordic minimal (lagom) product-launch system: cold-white tokens, hairline keyline components, Kelvin slider and finish-swatch interactions, 2 live demos (landing + pre-order configurator) for fictional Copenhagen lamp brand LYS.
Free for signed-in users.
1. Download the ZIP
Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.
2. Unzip into your agent's skills folder
Extract the archive so that SKILL.md sits directly inside a folder named after the skill:
unzip nordic-minimal-ui-v1.0.0.zip -d ~/.claude/skills/nordic-minimal-ui/Skills folder per agent
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 91 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Swiss Type UI
Swiss Type UI
Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.
Claude Code · Codex · Cursor · Copilot +3
Stripe-Style UI Design
Stripe-Style UI Design
Fintech-grade marketing pages in a gradient-mesh language — luminous white canvas, animated warm-to-cool gradient hero band, thin 300-weight display type with tight tracking, one indigo action color, near-square geometry, deep-navy dashboard mocks. Build fintech landing pages, pricing pages, and API/developer marketing with financial-infrastructure polish.
Claude Code · Codex · Cursor · Copilot +3
Aurora-Glass UI Design
Aurora-Glass UI Design
Dark, high-motion landing pages in the aurora-glass language — drifting multi-color aurora gradients, frosted-glass cards, glow CTAs, mouse parallax, canvas waveforms. Ships tokens, components, snippets, and an animated Prismwave demo.
Claude Code · Codex · Cursor · Copilot +3
Wabi-Sabi Japanese Minimal UI
Wabi-Sabi Japanese Minimal UI
A wabi-sabi Japanese-minimal design skill for AI agents: warm handmade-paper backgrounds, soft ink typography, one vermillion seal accent, generous negative space (ma), and quiet asymmetric layouts. Includes design tokens, component specs, paste-ready snippets, IP guardrails, and copy-voice guides (EN + 中文）.
Claude Code · Codex · Cursor · Copilot +3