Design rich, intentional UI with controlled maximalism

Controlled Maximalism is a design-style child skill ('dense and rich, but deeply intentional - like an exquisitely curated museum of artifacts'), part of the design-it family and not meant to be triggered directly. Three core principles: High Density (the screen is packed with information, imagery, and interactive elements), Ornate Detailing (decorative borders, intricate textures, and classic design flourishes), and Structured Chaos (unlike Vibrant Maximalism, this style's layout sits on a strict underlying grid that holds the dense content together rather than letting it sprawl freely).

Use it when the user's request matches this dense-but-curated, museum-catalog aesthetic - archives, luxury brand catalogs, or content-rich editorial sites that want richness without visual chaos. As a design sub-style, it's selected by the parent design-it skill's routing rather than invoked on its own.

Visual DNA uses Monochromatic Brown, Yacht Club, or rich jewel tones (emerald, ruby, sapphire, gold), ornate serifs (Cinzel, Playfair Display) paired with dense, highly legible sans-serif body copy, and extensive thin elegant dividing lines between every piece of content. The web implementation packs a dense 6-column CSS Grid with a subtle damask background pattern behind semi-transparent content tiles, and a "feature" tile spanning 3 columns gets an ornate double-border treatment: a solid gold outer border plus a dashed gold inner border offset by 4px via a ::before pseudo-element, mimicking a museum placard or gallery frame rather than a plain digital card. Section titles use the Cinzel ornate serif in gold, centered, with a divider rule beneath.

.max-feature { border: 2px solid #D4AF37; }
.max-feature::before {
  top: 4px; left: 4px; right: 4px; bottom: 4px;
  border: 1px dashed #D4AF37;
}

SwiftUI reproduces the same dense-but-structured grid with a multi-column LazyVGrid at tight 4pt spacing, mixing a spanning "feature" item with smaller dense data blocks (catalog-style labels like "1892", "Vol. II", "Arch", "Index") - the same museum-catalog density and grid discipline as the web version, composed natively rather than via CSS Grid, with each label kept short and legible even at the reduced density a mobile screen forces.

Designers and developers building an archive, luxury catalog, or content-rich editorial site that wants dense, ornate richness held together by a strict grid - controlled abundance rather than either minimalist sparseness or unstructured visual chaos - the grid is doing the disciplining work that the density alone can't.