# Minimal Whimsy Style Review

> Style review notes for UI/design work. Use when reviewing or implementing visual style, layout, components, typography, icons, cards, themes, or dark mode. Bias toward minimal, simple interfaces with a slight note of whimsy.

- Skill: `mikker/minimal-whimsy-style-review` (Agent Skill)
- Install (CLI): `npx skillmds@latest add mikker/minimal-whimsy-style-review`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mikker/minimal-whimsy-style-review/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: mikker (https://skillmd.com/u/mikker)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/mikker/minimal-whimsy-style-review

---


# Minimal Whimsy Style Review

Use this lens when reviewing or implementing UI.

## Principles

- Keep the style minimal, simple, and lightly whimsical.
- Use no more elements than necessary.
- Avoid duplicate heading stacks: no eyebrow + heading + repeated section title saying the same thing.
- Avoid “eyebrow” elements: no small-font, all-caps labels above headings.
- Actively find and remove “boxes inside boxes” card/panel stacks.
- Keep typography restrained: minimal fonts, sizes, and weights. If two can do, use two.
- Icons are good, but use them sparingly and deliberately.
- Prefer existing style variables/tokens whenever applicable.
- Always consider dark mode where applicable.

## Review checklist

- Can any wrapper, border, shadow, label, or nested panel be removed?
- Does the page rely on hierarchy instead of decoration?
- Are font choices and weights doing only necessary work?
- Are icons helping recognition, not adding noise?
- Are colors, spacing, radii, and shadows using project vars/tokens?
- Does the design still feel intentional in dark mode?