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.

01

Skeuomorphism

Mimics real-world materials, textures, and shadows for a realistic feel.

DESIGN.md · skeuomorphism →
02

Swiss Style / International Typographic Style

Emphasizes grid systems, asymmetrical layouts, clean sans-serif fonts (like Helvetica), and objectivity.

DESIGN.md · swiss-style →
03

Grunge Style

Uses dirty textures, irregular layouts, dark tones, and handwritten or distressed fonts.

DESIGN.md · grunge →
04

Modern Tech Style

Emphasizes simplicity, efficiency, and data-driven design. Common in SaaS, applications, and dashboards.

DESIGN.md · modern-tech →
05

Brutalism

Raw, unpolished, high-contrast design.

DESIGN.md · brutalism →
06

Retro - 90s Web

Pixel fonts, GIFs, bright colors, table-like layouts.

DESIGN.md · retro-90s →
07

Retro - Y2K Aesthetic

Futuristic, metallic sheen, translucency.

DESIGN.md · retro-y2k →
08

Retro - Pixel Art

8-bit/16-bit game style, blocky graphics.

DESIGN.md · retro-pixel →
09

Illustration Focused

Extensive use of hand-drawn, cartoon, or abstract illustrations.

DESIGN.md · illustration →
10

3D Elements / Interactive

Uses 3D models, scenes, WebGL.

DESIGN.md · 3d-interactive →
11

Dark Mode

Dark backgrounds, light text, tech feel.

DESIGN.md · dark-mode →
12

Bold Typography

Large, creative fonts as the core element.

DESIGN.md · bold-typography →
13

Glassmorphism

Blurred backgrounds, translucent elements, fine borders.

DESIGN.md · glassmorphism →
14

Aurora UI

Soft, blurred, colorful background gradients.

DESIGN.md · aurora-ui →
15

Natural / Organic Style

Earthy tones, natural textures, hand-drawn feel.

DESIGN.md · natural-organic →
16

Monochromatic Design

Uses different shades of a single color.

DESIGN.md · monochromatic →
17

Maximalism / Collage

Rich, complex, multi-element, bold colors.

DESIGN.md · maximalism →
18

Claymorphism

Soft 3D effect, rounded, inset shadows.

DESIGN.md · claymorphism →
19

Abstract / Geometric Shapes

Uses non-representational shapes and patterns.

DESIGN.md · abstract-geometric →
20

Sustainable / Green Design

Minimalist, system fonts, optimized images, natural feel.

DESIGN.md · sustainable-green →
21

Art Deco Style

Features geometric patterns, rich colors (often gold, black, silver), symmetry, streamlined forms, luxury, and decorative fonts.

DESIGN.md · art-deco →
22

Neomorphism

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 →
23

Bento Grid

A feature section that needs to show six or more capabilities without becoming a card wall.

DESIGN.md · bento-grid →
24

Liquid Glass

Media-rich hero sections where a photograph or video sits behind the interface.

DESIGN.md · liquid-glass →
25

Editorial / Magazine

Long-form articles, essays, documentation with a voice, or a company blog that wants authority.

DESIGN.md · editorial →
26

Neo-Brutalism

Consumer products and indie tools that want to feel human and a bit cheeky.

DESIGN.md · neo-brutalism →
27

Neo-Swiss

Design studios, architecture practices and any brand that sells precision.

DESIGN.md · neo-swiss →
28

Acid Graphics

Music, fashion, gaming and youth-culture products where defiance is the brand.

DESIGN.md · acid-graphics →