HTML Style Guides

Self-contained design systems. No dependencies. Copy and customize.

Civic

Warm, trustworthy institutional design. Navy + gold palette with editorial elegance.

~1230 lines

Retro Terminal

CRT monitor aesthetic with phosphor green, scanlines, matrix rain, and glitch effects.

~1750 lines

Neon Brutal

Retro-futuristic brutalism with cyan/magenta/gold neons and arcade-grade animations.

~620 lines

Neo Void

Cyber-brutalist aesthetic with offset shadows, marquee header, and glitch text.

~495 lines

Glassmorphism

Frosted glass effects with backdrop blur, floating orbs, and gradient backgrounds.

~750 lines

Swiss

International Typographic Style. Clean grids, maximum clarity, zero decoration.

~520 lines

Vaporwave

80s/90s nostalgia with sunset gradients, perspective grid, and VHS effects.

~580 lines

Editorial

Newspaper aesthetic with serif typography, drop caps, and elegant article layouts.

~620 lines

Neumorphism

Soft UI with extruded shapes, dual shadows, and tactile pressed states.

~680 lines

Art Deco

1920s glamour with gold accents, geometric patterns, and ornate frames.

~640 lines

Terrazzo Atelier

Warm studio palette with terrazzo textures, layered surfaces, and tactile components.

~990 lines

Kinetic Flux

Motion-first system with fluid easing, kinetic overlays, and high-energy component states.

~1075 lines

Verdant Grove

Soft green nature aesthetic with calm motion, organic textures, and breathable spacing.

~1000 lines

Atlas Console

Dense information layout with compact headers, multi-rail structure, and high-clarity grids.

~800 lines

Plain HTML

A simple, no-nonsense design system. Times New Roman. Black and white. Nothing fancy.

~450 lines

hover over things...

Memphis Design

1980s post-modern with bold geometric shapes, clashing colors, and playful terrazzo patterns.

~1230 lines

Claymorphism

Soft 3D clay-like elements with pastel colors, rounded shapes, and squishy tactile feel.

~1220 lines

Dark Academia

Scholarly aesthetic with sepia tones, classical typography, and candlelit library atmosphere.

~1080 lines

Gaming

Angular shapes, aggressive gradients, RGB animations, and HUD-style game UI elements.

~1050 lines

Sketch

Doodle borders, wobbly lines, notebook paper texture, and marker-style highlighter colors.

~1590 lines

Pixel Art

Retro 8-bit gaming with chunky pixels, NES palette, and chiptune-era nostalgia.

~1925 lines

Y2K

Early 2000s tech-optimism with chrome gradients, bubble fonts, and iMac-era colors.

~1100 lines

Japanese Zen

Wabi-sabi minimalism with paper textures, calligraphy, and contemplative negative space.

~1050 lines

Cyberpunk

Dystopian neon with rain effects, glitch animations, and high-tech/low-life aesthetics.

~1100 lines

Paper Craft

Handmade tactile feel with layered shadows, folded corners, and origami-inspired shapes.

~1150 lines

Bauhaus

Primary colors, geometric shapes, and "form follows function" modernist philosophy.

~1050 lines

Nordic

Scandinavian hygge with light woods, soft whites, and cozy functional minimalism.

~1090 lines

Brutalist Web

Raw HTML aesthetic with system fonts, visible borders, and anti-design philosophy.

~1050 lines

Watercolor

Artistic paint washes with soft bleeding edges, organic shapes, and pigment colors.

~1050 lines

Risograph

Grainy indie print aesthetic with misregistration, halftone dots, and soy ink colors.

~1100 lines

Letterpress

Luxury debossed printing on cotton paper with ink bleed and gold foil accents.

~1050 lines

Film Grain

Analog photography nostalgia with noise texture, vignettes, and warm faded tones.

~1700 lines

Coffee

Cozy cafe warmth with espresso browns, caramel accents, and coffee stain rings.

~1100 lines

Darkroom

Photography darkroom with red safelight glow, film negatives, and chemical trays.

~1050 lines

Parchment

Aged manuscript aesthetic with illuminated letters, wax seals, and quill ink.

~1000 lines

Psychedelic 60s

Acid colors, warped typography, op-art patterns, and liquid organic shapes.

~1200 lines

Noir

Film noir aesthetic with venetian blinds, cigarette smoke, and dramatic shadows.

~1100 lines

Holographic

Rainbow foil effects, shifting iridescent gradients, and prismatic shimmer.

~1150 lines

Moroccan

Zellige tessellations, arabesque motifs, and Moorish architectural elegance.

~1100 lines

Mid-Century Modern

Teak and walnut wood tones, brass accents, atomic age starbursts.

~1100 lines

Industrial

Brushed steel, rust textures, rivets, hazard stripes, factory floor grit.

~1150 lines

Cosmic

Deep space nebulae, twinkling stars, celestial glow, infinite wonder.

~1200 lines

RTS HUD

Classic Battle.net metallic panels, chunky beveled buttons, amber glow.

~1300 lines

Retro Futurism

1950s-60s Space Age with atomic starbursts, Googie curves, optimistic pastels.

~1800 lines

Art Nouveau

Organic whiplash curves, floral motifs, Mucha-inspired elegance.

~1600 lines

Streamline Moderne

1930s-40s aerodynamic curves, chrome accents, ocean liner elegance.

~1050 lines

Frutiger Aero

2004-2013 glossy skeuomorphism, Vista/Win7 glass, nature gradients.

~1050 lines

Corporate Memphis

Flat tech illustration style, blob shapes, friendly saturated colors.

~1050 lines

Knolling

Flat-lay photography aesthetic, 90-degree angles, grid-arranged precision.

~1400 lines

Scandi Cozy

Hygge warmth with candlelight glows, soft textures, caramel and cream tones.

~1050 lines

Concrete Brutalist

Raw concrete textures, monumental forms, exposed aggregate, safety accents.

~1700 lines

Copper & Verdigris

Oxidized metal patina, copper to teal-green transitions, aged elegance.

~1100 lines

Chalkboard

Chalk on slate, hand-drawn doodles, wooden frame, classroom nostalgia.

~1700 lines

Denim

Indigo textile aesthetic, orange thread stitching, copper rivets, workwear.

~1050 lines

De Stijl

Mondrian's primary colors, strict rectangles, no curves, pure geometric abstraction.

~1050 lines

Russian Constructivism

Red and black, bold diagonals, propaganda posters, revolutionary typography.

~1100 lines

Vienna Secession

Klimt gold, jewel tones, ornate geometric and organic fusion, gilded elegance.

~1150 lines

Op Art

High contrast optical illusions, patterns that seem to move, visual vibration.

~1100 lines

Stained Glass

Jewel tones of ruby, sapphire, emerald, dark leading borders, luminous glow.

~1100 lines

Embroidery

Cross-stitch patterns, thread colors on fabric, stitched borders, cozy craft.

~1050 lines

Circuit Board

PCB green, copper traces, technical silkscreen text, electronic precision.

~1100 lines

Honeycomb

Amber and gold, hexagonal shapes, honey translucency, sweet warmth.

~1050 lines

Korean Hanok

Obangsaek colors, lattice patterns, hanji paper texture, traditional elegance.

~1100 lines

Kente Cloth

Gold, green, red, black African geometric strips, woven heritage patterns.

~1100 lines

Persian Miniature

Lapis blue, gold illumination, ornate borders, manuscript painting elegance.

~1150 lines

Byzantine Mosaic

Gold shimmer, tesserae tiles, imperial purple, sacred medieval grandeur.

~1100 lines

Mexican Talavera

Cobalt blue, marigold accents, folk florals, papel picado vibrancy.

~1100 lines

JRPG Menu

Deep blue gradients, gold borders, RPG stat bars, classic game UI.

~1200 lines

Visual Novel

Soft pastels, semi-transparent panels, romance and drama aesthetic.

~1050 lines

Windows 3.1

Grey #C0C0C0, beveled 3D buttons, 16-color VGA, nostalgic computing.

~1100 lines

Solarpunk

Warm greens, solar gold, organic curves, hopeful eco-future optimism.

~1100 lines

Air Traffic Control

Dark background, phosphor green, radar sweep, aviation precision.

~1150 lines

Swiss International

Strict grid systems, Helvetica precision, red/black/white, mathematical typography.

~1900 lines

Coffee Shop

Cozy café aesthetic with warm browns, chalkboard menus, and handwritten charm.

~1800 lines