minimal-whimsy-style-review

name	minimal-whimsy-style-review
description	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.

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?