// style_index
Strip everything back until only what matters is left, then give it room to breathe.
Palette possibilities
#FFFFFF · #111111 · #E5E5E5 · #FF4F00
#F7F5F2 · #273D35 · #91AC9B · #DADFD8
#F3F6FA · #202B3B · #7D8FA5 · #DDE4ED
Information packed into a tidy grid of rounded tiles, each tile holding one idea.
Palette possibilities
#F5F5F7 · #1D1D1F · #FF9F0A · #30D158
#FFF2F5 · #29232E · #E06C91 · #4265CB
#191C20 · #F1F3F5 · #B9DF63 · #8895A7
Thick black outlines, hard offset shadows and loud flat colour. Soft Neo-Brutalism keeps the outlines but uses pastels and rounder corners.
Palette possibilities
#FFDE59 · #000000 · #FF6B6B · #A0E7E5
#F6E8FF · #25202B · #B6E3D4 · #F5BFD0
#F4F4EF · #111111 · #3764ED · #F1A65B
Clean solid shapes with no fake textures; Material adds gentle elevation and clear motion rules.
Palette possibilities
#6750A4 · #FFFBFE · #625B71 · #7D5260
#F0FAF8 · #163B36 · #267A70 · #B8DBD3
#FFF7F2 · #442B23 · #A95837 · #EDC9B7
Frosted, see-through panels floating over rich colourful backgrounds.
Palette possibilities
#7F5AF0 · #2CB67D · #FFFFFF · #16161A
#113548 · #4BADC5 · #D9F6FA · #FFFFFF
#351B3C · #B65C91 · #F2B6D3 · #FFF5FA
Pixel fonts, bevelled windows, chrome and bubbly colour borrowed from early computers and the millennium web.
Palette possibilities
#C0C0C0 · #000080 · #FF8AD8 · #7DF9FF
#E5E7EB · #23272D · #C6FF00 · #6478FF
#FFF0D8 · #38283F · #F57B85 · #6DCAB3
Magazine-style drama: oversized headlines, layered colour and pattern, and big confident art direction.
Palette possibilities
#FF006E · #FB5607 · #FFBE0B · #1A1A1A
#173F35 · #BD4363 · #DFB957 · #F7EFE5
#2E4DD4 · #D8E75A · #F4B7CF · #1D2029
Descriptions are written in our own words. Learn more at:
Ruthless reduction: lots of space, few elements, every pixel earns its place.
6 examples →
Raw, unpolished, deliberately harsh. Default HTML energy, visible structure.
3 examples →
Brutalism with candy colors: thick black outlines, hard offset shadows, bold flat fills.
2 examples →
Grid-driven, objective, typographic. Helvetica, asymmetric layouts, flush-left text.
2 examples →
Frosted translucent panels floating over vivid blurred backgrounds.
2 examples →
Soft extruded plastic: elements pushed out of or pressed into the same-colored surface.
1 example →
Puffy, inflated 3D clay shapes with pastel colors and inner shadows.
2 examples →
Interfaces imitating real materials: leather, wood, metal, paper.
2 examples →
No shadows, no gradients, just clean solid shapes and color.
3 examples →
Google's system: paper layers, elevation, bold color, purposeful motion.
2 examples →
80s/90s nostalgia remixed: neon pinks and cyans, grids, sunsets, Greek busts, Windows 95.
2 examples →
Outrun aesthetic: chrome type, magenta sunsets, laser grids, night drives.
1 example →
Millennium futurism: iridescent chrome, bubbly 3D type, blobby shapes, techno optimism.
2 examples →
Memphis squiggles, VHS grain, bold geometric color and arcade type.
1 example →
Playful postmodern: squiggles, terrazzo, clashing pastels and primaries.
1 example →
Form follows function: primary colors, circles/squares/triangles, geometric sans.
1 example →
1920s glamour: gold, black, symmetrical geometric ornament, tall elegant type.
1 example →
Organic flowing lines, botanical ornament, decorative frames.
1 example →
Print-inspired layouts: big serif headlines, columns, pull quotes, art direction.
7 examples →
Flat cartoon people with long limbs and pastel blobs. Popular, often seen as generic.
1 example →
Near-black canvases, luminous accents, carefully tuned grays.
3 examples →
Content in a modular grid of rounded tiles of varied sizes, like a lunch box.
2 examples →
Soft glowing mesh gradients drifting like northern lights behind content.
1 example →
High tech, low life: neon on black, glitch, HUD lines, katakana, warning yellow.
1 example →
Dirty textures, torn paper, distressed type, photocopy grit.
1 example →
Scrapbook layering: cut-out photos, tape, stickers, mixed media.
3 examples →
Doodles, wobbly lines, handwritten type: human and informal.
3 examples →
Earth tones, blob shapes, soft curves, natural photography.
2 examples →
Restraint and drama: black and cream, thin serifs, huge photography, slow motion.
4 examples →
Typography is the image: oversized words, kinetic type, few or no pictures.
6 examples →
A single hue (often black and white) explored through tints and shades.
1 example →
Two-color images and layouts; photos mapped to a pair of bold inks.
1 example →
Bold multicolor gradients as the main visual material.
1 example →
Real-time 3D scenes, WebGL objects, depth and lighting.
2 examples →
Illustrations drawn at 30° angles: little worlds, diagrams, cities.
2 examples →
Chunky pixels, limited palettes, bitmap fonts, video-game nostalgia.
1 example →
Bevelled gray windows, title bars, system fonts, dialogs as UI.
3 examples →
Monospace everything, green or amber on black, command-line UI.
2 examples →
Light, calm, functional: pale woods, soft neutrals, natural light.
2 examples →
Ma (negative space), vertical text, delicate type, quiet asymmetry.
1 example →
More is more: dense pattern, layered color, ornament and personality everywhere.
2 examples →
Intentional rule-breaking: odd layouts, clashing type, purposeful chaos.
2 examples →
Movement is the design: scroll-driven animation, morphing type, micro-interactions.
2 examples →
Bouncy, character-filled, joyful: mascots, wiggly motion, rounded type.
5 examples →
Trustworthy, structured, crisp: neutral surfaces, one strong brand color.
5 examples →
Broadsheet look: serif body, column rules, datelines, black ink on newsprint.
4 examples →
Engraved plants, scientific plates, aged paper and ink.
1 example →
Shifting rainbow foil, oil-slick gradients, futuristic shimmer.
1 example →
Terracotta, sand, olive: calm warm minimalism with tactile photography.
3 examples →
Great designs and de-slop tips. What's in it