vibrant-maximalism

Vibrant Maximalism

"More is more. An explosion of color, pattern, and typography."

When to Use

Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.

Core Principles

1. Sensory Overload: Every pixel is doing something. Patterns on top of gradients on top of photos.
2. Clashing Colors: Forget the standard rules of color harmony. Pair neon green with hot pink, or bright orange with electric blue.
3. Multiple Fonts: Mix 3 or 4 completely different typefaces in the same layout.

Visual DNA

• Colors: All of them. Highly saturated, unmuted hues. No calm neutrals allowed.
• Typography: A chaotic mix. A massive serif headline, a bubble-letter subhead, and a monospace body text.
• Visuals: Stickers, repeating patterns, emojis, 3D renders, and marquee scrolling text.

Web Implementation

• CSS Example:

body {
  /* Complex clashing background */
  background: 
    radial-gradient(circle at 20% 30%, #FF00FF 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, #00FFFF 0%, transparent 40%),
    url('checkerboard-pattern.png') repeat;
  background-color: #FFFF00;
  color: #000;
  overflow-x: hidden;
}

.max-headline {
  font-family: 'Anton', sans-serif;
  font-size: 8rem;
  text-transform: uppercase;
  line-heig