Apply minimalist design principles to web and mobile UIs

Minimalism is a design-style child skill ('less is more - remove until nothing is left but the essential'), part of the design-it family and not meant to be triggered directly. Three core principles: Extreme Whitespace (margins and padding should be double what feels initially appropriate), Strict Typography (hierarchy comes from font weight and size, never color or boxes), and Absence of Decor (no borders, no drop shadows, no background textures).

Use it when the user's request matches this stripped-back, essentials-only aesthetic - premium consumer products, personal portfolios, or content pages that want restraint and breathing room rather than visual density. As a design sub-style, it's selected by the parent design-it skill's routing rather than invoked on its own.

Visual DNA pairs best with Minimalist Slate or Modern Editorial palettes, absolute pure or off-white/black backgrounds, geometric sans-serifs (Inter, Helvetica Neue, SF Pro) used with extreme contrast between weights (Thin versus Black), and a generous baseline grid built on multiples of 8px, heavily favoring 48px to 120px padding. The web implementation centers content in a constrained max-width container with large vertical padding (120px), sets headlines at a light font-weight (300) with tightened letter-spacing, and styles buttons as transparent with just a thin border and uppercase letter-spaced text - no fill, no shadow.

.minimal-container {
  max-width: 800px;
  padding: 120px 24px;
}
.minimal-title { font-weight: 300; letter-spacing: -0.02em; }
.minimal-btn { background: transparent; border: 1px solid var(--text-primary); }

SwiftUI enforces the same restraint explicitly: use generous VStack(spacing: 40...64) between elements, never .shadow() or card-like containers since whitespace alone should define grouping, and use Divider() sparingly, only when two adjacent sections genuinely need separation - a light-weight headline, secondary-colored body text with generous line spacing, and an unfilled, thin-stroked button complete the same minimal vocabulary natively. Flutter reproduces the same visual vocabulary using its own layout primitives, keeping the identical rule that decoration should never substitute for the space and typographic weight doing the actual work.

Designers and developers building a premium consumer product, personal portfolio, or content page that wants restraint and generous breathing room as the primary design statement, relying on typography and space alone rather than any decorative surface treatment - the discipline is resisting the urge to add a border or shadow just because a section feels underdefined without one.