Variant.com — Complete Multi-Aesthetic Design System

Variant.com is not one design — it's a design platform showcasing 10+ distinct visual aesthetics across 15+ interactive widgets, unified by a dark-mode shell with warm tones, ultra-subtle borders, and shimmer effects.

This skill gives you the FULL design system: every CSS variable, every animation, every gradient, every component pattern extracted directly from the live source code via Jina r.reader API.

When to Use

• Building any dark-mode UI, landing page, or product showcase
• AI tool interfaces, creative tool UIs, design tool dashboards
• Widget/card grids with interactive content
• Any of the 10+ specific aesthetics below (retro, glassmorphic, atmospheric, etc.)
• Floating input bars, shimmer effects, virtual scroll grids
• When user says "like variant.com" or wants a warm-dark refined aesthetic

Part 1: The Shell Design System (variant.com itself)