Y2K Design

Y2K Design is a design-it sub-style built on three principles: metallic and chrome effects (silver gradients simulating shiny metal), organic amorphous "blob" shapes with curved intersecting lines, and tech-optimism (circuit-board motifs, target crosshairs, digital grid backgrounds) evoking the imagined shiny future of 1999. It is a child reference of design-it, applied only when a request matches this specific retro-futurist aesthetic.

Use this sub-style for interfaces wanting the late-90s/early-2000s "shiny future" look: chrome-gradient headline text, neon cyan/hot-pink amorphous blob buttons, futuristic display fonts (Orbitron, Syncopate), and decorative sparkles around headers and buttons. Its own rule is explicit that this is fundamentally maximalist and flashy - a design brief asking for minimalism is the wrong fit entirely.

The signature chrome-text effect uses a multi-stop gradient with a sharp contrast band right at the midpoint (stops: [0.0, 0.45, 0.5, 0.55, 1.0], light-dark-light) to simulate a metal cylinder's horizon reflection, clipped to text. Platform support for gradient text varies enormously: SwiftUI's .foregroundStyle() and Jetpack Compose's TextStyle(brush = ...) both apply a multi-stop gradient to text natively and are described as trivial/easy; Flutter requires wrapping the text in a ShaderMask with the gradient as its shader; React Native has no native gradient-text support at all and needs two third-party packages together - @react-native-masked-view/masked-view to mask a gradient view with the text shape, plus react-native-linear-gradient to render the gradient itself. Amorphous "blob" button shapes use asymmetrical border-radius values on web (border-radius: 50% 20% / 10% 40%), but SwiftUI has no easy equivalent - the skill notes a true blob needs a custom Path, so it falls back to a plain Capsule() shape instead.

.y2k-chrome-text {
  background: linear-gradient(to bottom, #fff 0%, #999 45%, #222 50%, #ccc 55%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

As a design-it sub-style, it's applied through the parent skill's aesthetic matching, with the chrome-text-plus-blob-button pattern expected across web CSS and the four listed native frameworks - accepting that gradient text ranges from a one-line native call (SwiftUI, Compose) to a required third-party dependency (React Native).

Designers and developers building a Y2K/retro-futurist interface - chrome gradient text, neon amorphous blob shapes, and maximalist flashiness with sparkle decoration - who need the look reproduced across web and native platforms despite React Native requiring extra masked-view and gradient packages that SwiftUI and Compose don't need at all.