Every style, as a spec your agent can read
A screenshot tells an AI tool what a page looked like. A token list tells it what to do next. Each file below is the same style you can preview in the gallery, written as the thing an agent actually consumes: the palette, the type stack, the radius and shadow values, and the rules that break the look when they are ignored.
The values are extracted from the working stylesheet rather than written by hand, so a theme change updates the file. Drop one in your project root and point Cursor, Claude Code, v0 or Lovable at it before asking for interface work — the same treatment then survives every later edit in that session.
Skeuomorphism
Mimics real-world materials, textures, and shadows for a realistic feel.
DESIGN.md · skeuomorphism → 02Swiss Style / International Typographic Style
Emphasizes grid systems, asymmetrical layouts, clean sans-serif fonts (like Helvetica), and objectivity.
DESIGN.md · swiss-style → 03Grunge Style
Uses dirty textures, irregular layouts, dark tones, and handwritten or distressed fonts.
DESIGN.md · grunge → 04Modern Tech Style
Emphasizes simplicity, efficiency, and data-driven design. Common in SaaS, applications, and dashboards.
DESIGN.md · modern-tech → 05Brutalism
Raw, unpolished, high-contrast design.
DESIGN.md · brutalism → 06Retro - 90s Web
Pixel fonts, GIFs, bright colors, table-like layouts.
DESIGN.md · retro-90s → 07Retro - Y2K Aesthetic
Futuristic, metallic sheen, translucency.
DESIGN.md · retro-y2k → 08Retro - Pixel Art
8-bit/16-bit game style, blocky graphics.
DESIGN.md · retro-pixel → 09Illustration Focused
Extensive use of hand-drawn, cartoon, or abstract illustrations.
DESIGN.md · illustration → 103D Elements / Interactive
Uses 3D models, scenes, WebGL.
DESIGN.md · 3d-interactive → 11Dark Mode
Dark backgrounds, light text, tech feel.
DESIGN.md · dark-mode → 12Bold Typography
Large, creative fonts as the core element.
DESIGN.md · bold-typography → 13Glassmorphism
Blurred backgrounds, translucent elements, fine borders.
DESIGN.md · glassmorphism → 14Aurora UI
Soft, blurred, colorful background gradients.
DESIGN.md · aurora-ui → 15Natural / Organic Style
Earthy tones, natural textures, hand-drawn feel.
DESIGN.md · natural-organic → 16Monochromatic Design
Uses different shades of a single color.
DESIGN.md · monochromatic → 17Maximalism / Collage
Rich, complex, multi-element, bold colors.
DESIGN.md · maximalism → 18Claymorphism
Soft 3D effect, rounded, inset shadows.
DESIGN.md · claymorphism → 19Abstract / Geometric Shapes
Uses non-representational shapes and patterns.
DESIGN.md · abstract-geometric → 20Sustainable / Green Design
Minimalist, system fonts, optimized images, natural feel.
DESIGN.md · sustainable-green → 21Art Deco Style
Features geometric patterns, rich colors (often gold, black, silver), symmetry, streamlined forms, luxury, and decorative fonts.
DESIGN.md · art-deco → 22Neomorphism
A style that uses soft shadows and highlights to create an illusion of elements extruding from or receding into the background, giving a soft
DESIGN.md · neomorphism → 23Bento Grid
A feature section that needs to show six or more capabilities without becoming a card wall.
DESIGN.md · bento-grid → 24Liquid Glass
Media-rich hero sections where a photograph or video sits behind the interface.
DESIGN.md · liquid-glass → 25Editorial / Magazine
Long-form articles, essays, documentation with a voice, or a company blog that wants authority.
DESIGN.md · editorial → 26Neo-Brutalism
Consumer products and indie tools that want to feel human and a bit cheeky.
DESIGN.md · neo-brutalism → 27Neo-Swiss
Design studios, architecture practices and any brand that sells precision.
DESIGN.md · neo-swiss → 28Acid Graphics
Music, fashion, gaming and youth-culture products where defiance is the brand.
DESIGN.md · acid-graphics →