Nothing matches
Clear the filters
On the data: a synthesis of standard design history, not a copy of
any one source, and the “why” lines are arguments rather than
settled fact. Palette swatches are chosen to read correctly, not sampled
from originals. The web-era boundaries are mine and deliberately soft; the
AI era is a thesis, not a record. Dates before 1900 are firm, everything
after gets more contested the closer it gets to now.
The filters, the lineage graph and the pivots need JavaScript. Here are the styles and the principles as plain lists.
Styles
1990s Minimalism (fashion)
Slip dresses, clean tailoring, no logos, luxury fabrics in black, white, and gray. The antidote to 1980s excess. Fashion · 1990s
Acid Graphics
Chrome type, 3D blobs, glitch, distorted grids, and neon on black. Rave flyers rebuilt in Blender and Cinema 4D. Graphic · Digital / UI · 2018–
AI-Generated Aesthetic also: Midjourney look
Hyper-smooth, over-lit, cinematic renders: symmetrical faces, dramatic rim light, gradient skies, and detail everywhere with nothing to say. Graphic · Digital / UI · 2022–
AI-Native Interface also: Conversational UI · Generative UI
The text box that can do anything: chat threads, sparkle icons, shimmering placeholders, streaming text, cards assembled at request time, and agents acting inside other software. Digital / UI · 2023–
Anti-Design (2010s–20s) also: Ugly design · Post-Internet
Deliberately ugly: clashing type, default fonts, over-stretched images, harsh color, broken grids. A refusal of polish. Graphic · Digital / UI · 2014–
Apple Industrial Minimalism
Anodized aluminum, white, glass, radiused rectangles, and the removal of every visible screw. Rams's principles at global scale. Product · Graphic · 2001–
Art Deco also: Style Moderne
Bold geometry, symmetry, stepped forms, and rich finishes: lacquer, chrome, exotic veneers, gold. Flapper dresses and skyscraper crowns. Graphic · Interior · Architecture · Fashion · Product · 1920–1940
Art Nouveau also: Jugendstil · Secession · Modernisme · Stile Liberty
Whiplash curves, botanical and female forms, and the ambition to make everything from a door hinge to a poster one organic whole. Graphic · Interior · Architecture · Fashion · 1890–1910
Arts and Crafts also: Craftsman · Mission
A reaction against the machine: hand-made objects, honest materials, visible joinery, and nature-derived pattern. Graphic · Interior · Architecture · Product · 1880–1920
Athleisure
Leggings, sneakers, and technical knits worn everywhere. Sportswear as the default wardrobe. Fashion · 2014–
Aurora / Gradient Mesh
Soft multi-color gradient blobs and blurred meshes as backgrounds, often behind glass panels or clean type. Digital / UI · Graphic · 2019–
Baroque & Rococo
Drama, movement, gilt, and illusion. Baroque is grand and theatrical; Rococo its lighter, pastel, asymmetrical late phase. Architecture · Interior · Graphic · 17th–18th c.
Bauhaus
Art, craft, and industry unified. Primary colors, primary shapes, sans type, tubular steel, and the conviction that good design is rational and reproducible. Graphic · Interior · Architecture · Product · Digital / UI · 1919–1933
Beaux-Arts
Grand axial planning, classical orders, sculpture, and marble for the civic monuments of the Gilded Age. Architecture · Interior · 1880–1930
Bento Grid
Content organized into a mosaic of rounded rectangular compartments of varying size, each holding one idea. Digital / UI · Graphic · 2022–
Biophilic
Designing for the human need to be near nature: living plants, daylight, natural materials, water, views, organic pattern. Interior · Architecture · Digital / UI · 2000s– (term 1984)
Blanding (Neo-Grotesque Default) also: Sans-serif rebrand · Corporate default
Every logo became a geometric sans wordmark in black on white. Burberry, Saint Laurent, Google, Airbnb: distinct became identical. Graphic · Digital / UI · 2015–
Bohemian also: Boho
Collected, layered, global: Moroccan rugs, macramé, rattan, plants, embroidered kaftans, and the rule that there are no rules. Interior · Fashion · 1960s–70s; revived 2010s
Brutalism
Raw, monumental, unfinished. Exposed concrete in architecture; on the web, default fonts, hard borders, visible structure, and refusal to be pleasant. Architecture · Interior · Graphic · Digital / UI · 1950s–70s; web revival 2014–
Chanel Modernism
Jersey, the little black dress, the cardigan suit, costume pearls. Ease, movement, and menswear borrowed for women. Fashion · 1920s–30s
Claymorphism
Chunky, rounded, inflated 3D shapes with soft inner shadows and pastel color, like modeling clay. Digital / UI · Graphic · 2021–2023
Coastal also: Hamptons · Nautical
Light, breezy, and sea-referencing: white and blue, weathered wood, linen, rattan, and lots of daylight. Interior · Continuous
Constructivism
Art in service of revolution: photomontage, diagonal composition, red-black-white, and bold sans slogans. Graphic · Architecture · 1917–1934
Contemporary
Whatever is current. Today: curved furniture, mixed metals, sculptural lighting, warm neutrals, and a base that borrows from every fixed style. Interior · Now, by definition
Corporate Memphis also: Alegria · Big Tech illustration
Flat rubbery figures with oversized limbs and small heads, bright limited palettes, and no faces. The house illustration style of Big Tech. Graphic · Digital / UI · 2017–
Corporate Modernism also: American Modern · Late Modern
Swiss rigor with American wit: abstract logos, identity manuals, Helvetica everywhere, and glass headquarters to match. Graphic · Architecture · 1955–1985
Cottagecore
Romanticized rural life: prairie dresses, linen, dried flowers, bread, and a gentle, nostalgic palette. Escapism as aesthetic. Interior · Fashion · Graphic · 2018–
Crypto / Web3 Aesthetic also: Degen design · Token UI
Dark screens, aurora gradients, glass cards, neon accents, 3D coins and blobs, pixel-art profile pictures, and charts that only go up. The look of the ownership web. Digital / UI · Graphic · 2017–2024
Cyberpunk / Tech Noir
High tech, low life: neon on black, rain-slick reflections, HUD overlays, glitch, dense signage, and black techwear. Digital / UI · Graphic · Fashion · 1982–
Dada
Anti-art. Collage, ransom-note typography, chance, and nonsense as a response to the logic that produced the war. Graphic · 1916–1924
Danish Modern
Cabinetmaker craft applied to modern form: teak, oiled oak, paper cord, and chairs that are sculptures you can sit in. Product · Interior · 1940s–1970s
Dark Academia
Tweed, oxford shirts, old books, candlelight, and Gothic Revival libraries. Scholarship as romance. Fashion · Interior · Graphic · 2015–
Dark Mode
Interfaces on dark surfaces: layered grays rather than pure black, desaturated accents, and elevation shown by lightness. Digital / UI · 2018– as a system standard
Dashboard / Data-Viz
Charts, KPIs, tables, and sparklines arranged for scanning: dense, aligned, minimal chrome, color used only for meaning. Digital / UI · Graphic · 2010–
De Stijl also: Neoplasticism
Pure abstraction: horizontals, verticals, primary colors plus black, white, gray. Mondrian's paintings, Rietveld's chair and house. Graphic · Interior · Architecture · Product · 1917–1931
Deconstructivism
Fragmented, tilted, colliding forms: buildings that look mid-explosion. Gehry's titanium curves, Hadid's shards, Libeskind's cuts. Architecture · 1988–2005
Emigre / Early Digital
The Macintosh as a design tool: bitmap fonts, layered type, experimental grids, and typefaces designed by designers, not foundries. Graphic · 1984–1998
Farmhouse / Modern Farmhouse also: Rustic · Country
Rural practicality as style: shiplap, apron sinks, reclaimed beams, white walls, black hardware, and board-and-batten exteriors. Interior · Architecture · Vernacular; 'Modern farmhouse' 2013–
Flat Design
No shadows, no gradients, no textures. Solid colors, simple icons, and typography carrying the entire interface. Digital / UI · Graphic · 2012–2016 (Flat 2.0 after)
Frutiger Aero
Glossy humanist techno-optimism: glass, water droplets, grass, blue sky, bubbles, and the Frutiger typeface. Digital / UI · Graphic · Product · 2004–2013
Functionalism (Ulm / Braun) also: Gute Form · Braun style
Products as quiet, precise tools: white and gray boxes, aligned controls, one accent color, nothing that does not serve. Product · Graphic · 1955–1975
Futurism
Speed, machines, and violence in type: words-in-freedom, diagonal explosions, onomatopoeia set at every size. Graphic · Fashion · 1909–1930
Glassmorphism
Translucent frosted-glass panels with background blur, subtle borders, and vivid backgrounds showing through. Digital / UI · 2020–
Googie also: Populuxe · Doo-Wop
Roadside futurism: upswept roofs, starbursts, boomerangs, neon, and signs bigger than the buildings. Architecture · Graphic · 1950s–60s
Gorpcore / Techwear
Hiking gear in the city: Gore-Tex shells, trail runners, fleece, carabiners. Function as status. Fashion · 2017–
Gothic
Pointed arches, ribbed vaults, and flying buttresses let walls dissolve into stained glass. Height and light as theology. Architecture · Interior · 12th–16th c.
Gothic Revival
Medieval forms reborn for churches, universities, and parliaments: pointed arches, tracery, and moral seriousness. Architecture · Interior · c. 1740–1900
Grandmillennial also: Granny chic
Chintz, needlepoint, scalloped edges, and wicker embraced by people under forty. Traditional revived with irony removed. Interior · Fashion · 2019–
Grunge
Distressed textures, overlapping and broken type, dirty layers, flannel and thrift. Layouts and clothes that refuse to be neat. Graphic · Fashion · 1990–2000
High-Tech
Structure, ducts, and services worn on the outside, color-coded. The building as machine, proudly. Architecture · Interior · Product · 1970s–90s
Hollywood Regency
Glamour: lacquer, mirrors, gilt, velvet, bold black-and-white, and dramatic scale, built for entertaining and being seen. Interior · 1930s–50s; revived 2000s
Industrial
The factory as home: exposed brick, ductwork, concrete floors, steel windows, Edison bulbs, and reclaimed wood. Interior · Architecture · 1990s– (lofts from 1960s)
International Style
Modernism as a global vocabulary: volume over mass, regularity over symmetry, no ornament. Glass boxes on pilotis. Architecture · Interior · 1925–1970
Italian Modern (Olivetti, Cassina) also: Bel Design
Modernism with sensuality and color: Olivetti typewriters, Cassina furniture, Vespa, and posters that treated industry as culture. Product · Graphic · Interior · 1950s–70s
Japandi
Japanese wabi-sabi restraint meets Scandinavian hygge warmth: low furniture, natural materials, muted earth tones, nothing unnecessary. Interior · 2016–
Japanese Avant-Garde (fashion) also: Deconstruction
Black, oversized, asymmetric, unfinished: Kawakubo and Yamamoto broke the Western fitted silhouette and made imperfection couture. Fashion · 1981–
Kawaii / Cute UI
Round shapes, big eyes, pastel palettes, mascots on everything, and softness as a value. Sanrio to Animal Crossing to Duolingo. Digital / UI · Graphic · Fashion · Product · 1974– (Hello Kitty); global 2010s
Liquid Glass
Apple's system-wide material: translucent, refractive surfaces that bend and reflect background content and respond to motion like real glass. Digital / UI · 2025–
Material Design
Flat design with physics: layered 'paper' surfaces, consistent elevation shadows, responsive motion, and a bold color system. Digital / UI · 2014– (Material You 2021)
Maximalism
More is more. Saturated color, layered pattern, collected objects, dense type, gallery walls. Unified by intention rather than restraint. Graphic · Interior · Fashion · 2015–
Mediterranean also: Spanish Revival · Tuscan
Sun and stone: stucco walls, terracotta tile, wrought iron, arches, courtyards, and a palette of ochre, blue, and white. Interior · Architecture · Vernacular; Spanish Revival 1915–40; Tuscan 1990s
Memphis (product)
Laminate, terrazzo, and squiggles on bookcases and lamps built to annoy good taste. Function optional. Product · 1981–1988
Memphis Revival / Terrazzo Era
Memphis squiggles, terrazzo, and pastel-primary clashes brought back for millennial brands, cafés, and app illustrations. Graphic · Interior · Digital / UI · 2014–2020
Metabolism
Buildings as organisms: megastructure spines with plug-in capsules that could grow, be replaced, and adapt. Architecture · 1960–1975
Metro (Microsoft) also: Modern UI
Swiss typography on a screen: flat colored tiles, big Segoe type, no chrome, content as the interface. Flat design before iOS 7. Digital / UI · 2010–2015
Mid-Century Modern
Modernism made warm and domestic: organic curves in plywood and fiberglass, tapered legs, indoor-outdoor living, and playful illustration. Graphic · Interior · Architecture · Product · 1945–1970
Minimalism
Reduction to essentials. Open space, restrained palette, few objects, and the belief that clarity is a form of respect for the viewer. Graphic · Interior · Architecture · Digital / UI · Product · 1960s art; 1990s– design
Mod
Clean lines, mini skirts, slim suits, geometric color-blocking, and the RAF roundel. Youth as modernism. Fashion · Graphic · 1958–1968
Modern (interior)
The historical modernist interior: clean lines, open plan, natural materials, neutral palette, no ornament. Not the same as 'contemporary'. Interior · 1920s–70s (the historical period)
Muji / Super Normal also: Mujirushi
No-brand goods: undyed materials, plain forms, honest packaging, and objects so ordinary they disappear into use. Product · Interior · Graphic · 1980–
Neo-Brutalism (web)
Brutalism's rawness made friendly: thick black outlines, hard offset shadows, flat bright color, plain type. Digital / UI · Graphic · 2020–
Neoclassical
A return to Greek and Roman clarity after Rococo excess: columns, symmetry, restraint, and Empire-line dress. Architecture · Interior · Graphic · Fashion · c. 1750–1850
Neumorphism also: Soft UI
Elements appear extruded from or pressed into a same-colored background using paired light and dark shadows. Digital / UI · 2019–2021
New Look (Dior)
Nipped waist, padded hips, full calf-length skirt, soft shoulders. Postwar femininity and abundance after years of rationing. Fashion · 1947–1957
New Wave / Post-Punk Graphics
Punk's rawness with modernist references: Factory Records austerity, The Face's typography, angular color, and borrowed Constructivism. Graphic · Fashion · 1978–1988
Normcore
Deliberately unremarkable: dad jeans, white sneakers, fleece, plain caps. Fitting in as the new standing out. Fashion · Graphic · 2013–2018
Op Art
Optical vibration: black-and-white geometry, moiré, and pattern that appears to move. Graphic · Fashion · Interior · 1960s
Organic Modern
Curves, plaster, travertine, bouclé, and oak in a warm neutral palette: minimalism that wants to be touched. Interior · 2019–
Parametricism
Form generated by algorithms and parameters: continuous curves, gradients of density, no repetition, no right angles. Architecture · Product · Graphic · 2005–
Pixel / 8-bit
Low-resolution grids of visible pixels, limited palettes, and hand-placed detail, first as constraint, now as choice. Digital / UI · Graphic · 1980s; revived 2008–
Plakatstil / Sachplakat also: Object poster
One object, one word, flat color. The poster reduced to a product and a name. Graphic · 1905–1920
Pop Art
Advertising, comics, and packaging elevated: Ben-Day dots, flat saturated color, repetition, and mass-culture irony. Graphic · Fashion · Interior · 1955–1970
Postmodern / Memphis
Modernism's rules broken on purpose: clashing pattern, squiggles, pastel and primary together, historical quotation, and irony. Graphic · Interior · Architecture · Product · 1975–1990
Power Dressing (1980s)
Shoulder pads, strong tailoring, bold color, and gold: the professional woman's armor and the yuppie's uniform. Fashion · 1980s
Prairie School also: Organic architecture
Long horizontals, low roofs, open plans, and art glass. Wright's American answer to European revival styles. Architecture · Interior · 1900–1920
Preppy / Ivy
Oxford shirts, chinos, loafers, navy blazers, madras, and pastel polos. Old-money leisure as a uniform anyone can buy. Fashion · 1950s–; peaks 1980s, 2020s
Psychedelic
Concert posters with melting hand-lettering, vibrating complementary colors, and Art Nouveau curves pushed to illegibility. Graphic · Fashion · 1965–1972
Punk / DIY
Photocopied, cut-and-paste, ransom-note lettering, safety pins, torn plaid, and the message that anyone can make this. Graphic · Fashion · 1975–1985
Quiet Luxury also: Stealth wealth · Old money
Cashmere, camel, cream, and no logos. Expense signaled through fabric and cut rather than branding. Fashion · Interior · 2022–
Renaissance
Classical orders, mathematical proportion, perspective, and humanist letterforms. Design as reasoned harmony. Architecture · Interior · Graphic · 15th–16th c.
Scandinavian
Light, function, and warmth: pale wood, white walls, wool and linen, simple forms, and hygge as a design goal. Interior · Product · 1930s–
Shabby Chic
Worn elegance: distressed painted furniture, faded florals, slipcovers, and pastel whites. Interior · 1980s–2000s
Skeuomorphism
Interfaces that imitate physical objects: leather-stitched calendars, wooden bookshelves, glossy buttons, felt game tables. Digital / UI · Product · 1984–2013 (peak 2007–12)
Space Age / Atomic
Pods, spheres, white plastic, silver vinyl, and the atom as ornament. Courrèges boots and Eero Aarnio chairs. Product · Interior · Fashion · Graphic · 1957–1972
Spatial UI
Interfaces floating in three-dimensional space: glass panels, depth-based hierarchy, eye and hand input, and real lighting on virtual surfaces. Digital / UI · 2023–
Streamline Moderne
Deco stripped and rounded for speed: teardrops, horizontal speed lines, curved corners, and chrome on everything from trains to toasters. Product · Architecture · Graphic · 1930–1950
Streetwear
Hoodies, sneakers, graphic tees, and limited drops; skate and hip-hop culture merged with luxury and became the dominant fashion system. Fashion · Graphic · 1990s–
Sustainable & Circular Design
Design for low impact and long life: mass timber, passive solar, repairable products, recycled and natural materials, visible reuse. Architecture · Product · Interior · Fashion · 1990s–
Swiss / International Typographic Style
The grid, Helvetica, objective photography, flush-left ragged-right, and the idea that design should be neutral and universal. Graphic · Digital / UI · 1950s–70s
Swiss Punk / New Wave Typography
The Basel grid broken from inside: stepped rules, letterspaced type, collaged halftones, and layouts that show their construction. Graphic · 1972–1990
Terminal / Hacker Aesthetic also: Retro terminal · Hackercore
Monospace type, green or amber on black, scanlines, ASCII art, and command-line austerity as a style. Digital / UI · Graphic · 1980s–; revived 2015–
Traditional
Classic European forms: symmetry, carved wood, upholstered comfort, crown molding, and a calm, layered palette. Interior · 18th–19th c. sources, continuous
Transitional
The midpoint between traditional and contemporary: classic silhouettes with clean lines, neutral palette, minimal ornament. Interior · 1990s–
Vaporwave / Synthwave
1980s–90s retro-futurism: neon grids, sunset gradients, Greco-Roman busts, Windows 95 chrome, and Japanese text used as texture. Graphic · Digital / UI · 2010–
Victorian
Ornament everywhere: dense pattern, dark rich color, heavy drapery, corsets and bustles, and posters that stack a dozen typefaces. Graphic · Interior · Architecture · Fashion · 1837–1901
Wabi-sabi
Beauty in imperfection, impermanence, and incompleteness. Cracked ceramics, raw plaster, aged wood, asymmetry, emptiness. Interior · Product · 15th c. Japan; global 2010s
Web 1.0 / Geocities
Table layouts, tiled backgrounds, animated GIFs, visitor counters, 'under construction' signs, and Comic Sans. The web before designers arrived. Digital / UI · 1994–2003
Web 2.0 Gloss
Glossy buttons, reflections, rounded corners, big friendly type, beta badges, and gradients on everything. The startup look. Digital / UI · Graphic · 2004–2010
Y2K
Turn-of-millennium techno-optimism: chrome, translucent plastic, bubbles, lens flares, blobby type, low-rise jeans, and butterfly clips. Graphic · Digital / UI · Fashion · Product · 1997–2004
Y2K Revival / Cybercore
Low-rise jeans, baby tees, metallics, and Frutiger Aero wallpapers reinterpreted by people born after 2000. Nostalgia for a childhood they half-remember. Fashion · Graphic · Digital / UI · 2020–
Principles
60-30-10 rule
A dominant color occupies about 60% of a space or screen, a secondary 30%, an accent 10%. Color
Accent color
A small quantity of high-chroma or contrasting color used to direct attention: a red door, a call-to-action button, a pocket square. Color
Accessibility & inclusive design
Designing for the full range of ability: contrast, target size, keyboard and screen-reader support, step-free access, clear wayfinding, readable type. Usability & Behavior
Acoustics
How a space sounds: reverberation time, absorption (soft surfaces), reflection (hard), isolation. Minimal hard interiors are loud. Architecture & Interior
Aesthetic-usability effect
People perceive attractive designs as easier to use and are more tolerant of their flaws. Perception (Gestalt)
Affordance & signifiers
An affordance is what an object permits (Gibson); a signifier is the cue that communicates it (Norman): a handle says pull, a raised button says press. Perception (Gestalt)
Alignment
Placing elements along shared invisible lines: edges, centers, baselines. Composition & Layout
Alignment & rag
Flush-left/ragged-right, justified, centered, flush-right. A good rag is gently uneven with no long words alone; justified needs hyphenation to avoid rivers. Typography
Anthropometrics
Measured body dimensions across populations (5th to 95th percentile) used to size objects and spaces. Form & Space
Balance
Distribution of visual weight so a composition feels stable. Symmetrical balance mirrors across an axis; asymmetrical balance offsets a large element with several small ones or with space; radial balance arranges around a center. Composition & Layout
Baseline grid
A horizontal grid all text baselines snap to, so lines align across columns and elements. Typography
Bays & structural rhythm
The repeating structural module (columns, beams) that divides a building into bays and sets its rhythm inside and out. Architecture & Interior
Biophilic patterns
Nature in the space (plants, water, daylight), nature analogues (organic forms, fractal patterns, natural materials), nature of the space (prospect, refuge, mystery). Light, Material & Texture
Bleed, trim, safe area
Bleed extends art past the trim line (usually 3 mm) so cutting leaves no white edge; safe area keeps content clear of the trim. Print & Production
Ceiling height & volume
Height changes how a room feels: 2.4 m intimate, 3 m generous, 4 m+ grand. Higher ceilings encourage abstract thinking; lower ones focus. Architecture & Interior
Circulation
The paths people take through a space: entries, corridors, traffic lanes, clearances (900 mm main paths, 600 mm minor). Architecture & Interior
Closure
The mind completes incomplete shapes; a broken circle is still a circle. Perception (Gestalt)
CMYK & process color
Four-ink subtractive printing (cyan, magenta, yellow, black/key). Rich black mixes CMY under K; registration black uses all four. Print & Production
Color harmonies
Wheel relationships: monochromatic, analogous (neighbors), complementary (opposites), split-complementary, triadic, tetradic/square. Color
Color meaning & culture
Associations a color carries: physiological (red raises arousal), learned (green = go), cultural (white for weddings or mourning depending on place). Color
Color spaces (RGB, CMYK, HSL, LAB, LCH)
Numerical ways of specifying color. RGB/HSL for screens, CMYK for print, LAB/LCH/OKLCH for perceptually uniform adjustment. Color
Color story & capsule
A limited palette across a collection or wardrobe so pieces combine: neutrals as base, one or two accents, tonal families. Fashion & Product
Color temperature
Warm hues (red, orange, yellow) advance and energize; cool hues (blue, green, violet) recede and calm. Every hue has warmer and cooler versions. Color
Color wheel & models
Circular arrangement of hues. Traditional RYB (painters), additive RGB (light), subtractive CMY (print). Complements sit opposite. Color
Common fate
Elements moving in the same direction are perceived as a group. Perception (Gestalt)
Common region
Elements inside the same enclosed area (a box, a rug, a card) are perceived as a group, even over proximity or similarity. Perception (Gestalt)
Compression & release
A low or narrow passage opening into a tall or wide space, so the release feels larger by contrast. Wright's signature move. Architecture & Interior
Consistency
The same thing looks and behaves the same everywhere. Internal (within the product) and external (platform conventions). Usability & Behavior
Continuity
The eye follows lines and curves past interruptions and prefers the smoothest path. Perception (Gestalt)
Contrast
Difference between elements: light/dark, large/small, rough/smooth, thick/thin, warm/cool, still/moving. Composition & Layout
Contrast ratio (WCAG)
Measured luminance contrast between foreground and background. WCAG asks 4.5:1 for body text, 3:1 for large text and UI components. Never rely on color alone to convey state. Color
Cropping & framing
Choosing what the edge cuts. Tight crops create intimacy and tension; loose crops create context and calm; edges can frame or violate. Composition & Layout
Depth & elevation
A sense of near and far through overlap, scale change, atmospheric fading, blur, shadow, or literal elevation. Form & Space
Design systems & tokens
A codified set of tokens (color, type, space), components, and rules shared across a product or brand. Usability & Behavior
Doherty threshold
Productivity soars when system response is under about 400 ms. Above that, show progress. Usability & Behavior
Drape, hand & structure
How a fabric falls (drape), feels (hand), and holds shape (structure). Bias cut drapes; tailoring canvas structures; interfacing stiffens. Fashion & Product
Duotone & limited palette
Reproducing an image or design with two (or few) inks or colors mapped to its values. Color
Eclecticism
Combining elements from different styles or periods, unified by a shared color, material, scale, or attitude. Composition & Layout
Edge quality
How a form meets its boundary: hard or soft, chamfered, filleted, feathered, raw. In UI: border radius; in furniture: the profile of a tabletop. Form & Space
Emphasis & focal point
The element that dominates attention, achieved through isolation, contrast, scale, placement, or convergence of lines. Composition & Layout
Ergonomics & handling
Grip, weight, balance, reach, force, and posture. Where the hand goes, what it feels, how the object announces its use. Fashion & Product
Error prevention & forgiveness
Design so mistakes are hard to make (constraints, confirmations, sensible defaults) and easy to undo. Usability & Behavior
Feedback
Every action gets a visible, timely response: state change, motion, sound, message. Usability & Behavior
Fenestration
The arrangement, proportion, and rhythm of windows and openings in a façade. Architecture & Interior
Figure / ground
Figure is the object of attention; ground is what it sits on. Ambiguous figure/ground (the FedEx arrow, Rubin's vase) is a deliberate device. Form & Space
Finish & sheen
Matte, eggshell, satin, semi-gloss, gloss, mirror. Also brushed, polished, anodized, lacquered, oiled, waxed. Light, Material & Texture
Finishing: foil, emboss, die-cut, varnish
Post-press processes: foil stamping, embossing/debossing, die-cutting, spot UV varnish, letterpress impression, edge painting. Print & Production
Fit & ease
Ease is the difference between body and garment measurement. Wearing ease for movement; design ease for silhouette (oversized, fitted, bodycon). Fashion & Product
Fitts's law
Time to reach a target depends on its distance and size. Big, close targets are fast. Usability & Behavior
Focal point (interior)
The anchor of a room: fireplace, window, headboard, artwork, feature wall. Furniture arranges toward it. Architecture & Interior
Form follows function
Sullivan's dictum: the shape of a thing derives from its purpose, not applied decoration. Usability & Behavior
Gamut
The range of colors a device or process can reproduce. sRGB is narrow; P3 and Adobe RGB wider; CMYK print narrower and differently shaped. Color
Golden ratio (φ ≈ 1.618)
A proportion where the whole is to the larger part as the larger part is to the smaller. Appears as the golden rectangle and spiral. Composition & Layout
Gradient
A continuous transition between colors. Linear, radial, conic, and mesh. Gradients through a perceptual space avoid the gray dead zone between complements. Color
Grain & direction
The directional structure of a material: wood grain, fabric grain, paper grain, brushed metal. Cutting with or across it changes strength and look. Light, Material & Texture
Grid systems
An underlying structure of columns, rows, modules, and gutters. Manuscript, column, modular, and hierarchical grids in print; column and 8-pt grids on screen; structural bays in buildings. Composition & Layout
Halftone & dithering
Simulating continuous tone with dots of varying size (halftone) or scattered pixels (dithering). Dot angle, frequency (LPI), and shape are choices. Print & Production
Hick's law
Decision time grows with the number and complexity of choices. Usability & Behavior
Hue
The pure identity of a color (red, blue, yellow); its angle on the color wheel. Color
Human scale & ergonomics
Sizing to the body: reach, sight lines, 450 mm seat height, 900 mm counter, 44 pt tap targets, door handles at 1 m. Form & Space
Hyphenation, widows, orphans
Hyphenation breaks words to even the rag or spacing. A widow is a short last line; an orphan is a first line stranded at a column bottom (definitions vary). Typography
Isolation
Separating one element from all others with space so it becomes the focal point regardless of size. Composition & Layout
Jakob's law
Users spend most of their time on other sites, so they expect yours to work the same way. Usability & Behavior
Kerning, tracking, letterspacing
Kerning adjusts space between specific pairs; tracking adjusts uniformly across a range. Caps can be tracked open; lowercase rarely should be. Typography
Kinetic typography
Type that moves: timed to speech, revealing meaning through motion, or animated as texture. Typography
Layering
Stacking elements (textiles, transparencies, type over image, planes in a façade) so that depth and richness accumulate. Composition & Layout
Leading (line height)
Vertical space between baselines. Typically 120–150% of type size for body; tighter for display; longer measures need more. Typography
Legibility vs. readability
Legibility is how easily letters are distinguished (a property of the typeface). Readability is how easily text is read (a property of the setting: size, measure, leading, contrast). Typography
Less is more / reduction
Mies van der Rohe's phrase: remove until only the essential remains. Usability & Behavior
Letterform anatomy
Baseline, x-height, cap height, ascender, descender, counter, bowl, stem, terminal, serif, spur, ear, aperture. Typography
Light temperature (Kelvin)
Warm light ≈ 2700K (candle, incandescent), neutral ≈ 3500–4000K, cool daylight ≈ 5000–6500K. Screens default around 6500K. Light, Material & Texture
Light: natural, ambient, task, accent
Layering light by purpose. Natural sets rhythm; ambient fills; task focuses; accent highlights. In UI the same logic governs elevation and light-source consistency. Light, Material & Texture
Line
A mark or edge with length and direction. Horizontals rest, verticals aspire, diagonals move, curves soften. Implied lines connect separate elements. Form & Space
Longevity & timelessness
Choosing what will still look right in twenty years: classic proportions, honest materials that age well, restraint in trend-driven surfaces. Architecture & Interior
Margins & gutters
Margins frame content against the edge of the page, screen, or room. Gutters separate columns. Classical page margins are unequal: inner smallest, bottom largest. Composition & Layout
Mass & void
Mass is the solid body of a form; void is the space carved from or enclosed by it. A courtyard is designed void. Form & Space
Massing
The overall three-dimensional composition of a building's volumes before detail: how big, how many, how arranged. Form & Space
Material honesty
Materials look like what they are: concrete as concrete, grain visible, pixels as pixels. The opposite of imitation finishes. Light, Material & Texture
Measure (line length)
Characters per line. 45–75 is the comfortable range; about 66 is the classic ideal. Multi-column text can go shorter. Typography
Miller's law (chunking)
Working memory holds about 7 ± 2 items; chunking groups items into fewer units. Usability & Behavior
Modularity
Building from repeatable units: modular grids, component libraries, sectional furniture, prefabricated bays. Composition & Layout
Monochrome & achromatic
Monochrome uses one hue in many values and saturations. Achromatic uses only black, white, and gray. Color
More is more / 'Less is a bore'
Venturi's counter to Mies: complexity, contradiction, and abundance are legitimate values. Usability & Behavior
Motion principles
Easing, duration, and choreography that make motion feel physical: ease-out entrances, ease-in exits, 150–400 ms for most transitions, staggering for groups, respect reduced-motion. Usability & Behavior
Movement & flow
The path the eye or body travels through a composition or space, shaped by lines, gradients of scale, and sight lines. Composition & Layout
Natural mapping
Controls arranged to correspond spatially with what they control: stove knobs laid out like the burners. Perception (Gestalt)
Negative space
The empty area around and between elements. Macro space separates groups; micro space separates letters, lines, details. Composition & Layout
Neutrals
Colors with little chroma: whites, grays, blacks, beiges, taupes. Warm neutrals lean yellow/red; cool neutrals lean blue. Color
Optical alignment
Adjusting positions by eye rather than by measurement: overshooting round letters below the baseline, nudging a play icon right of center, hanging punctuation into the margin. Composition & Layout
Paper stock & substrate
Weight (gsm), finish (uncoated, matte, silk, gloss), color, texture, and opacity. Uncoated absorbs ink and softens; coated holds detail and saturation. Print & Production
Patina & imperfection
Valuing age, wear, and irregularity: the worn edge, the hand-thrown pot, the distressed print, the faded denim. Light, Material & Texture
Pattern
A repeated motif across a surface: geometric, floral, stripe, damask, halftone, grid, tartan. Light, Material & Texture
Pattern mixing
Combining patterns successfully by varying scale (large, medium, small), sharing at least one color, and mixing types (geometric with organic). Light, Material & Texture
Peak-end rule
Experiences are judged by their most intense moment and their ending, not their average. Usability & Behavior
Perspective & viewpoint
Linear (one, two, three-point), atmospheric, isometric/axonometric (no vanishing point). Viewpoint height changes power relations: low angles dominate, high angles diminish. Form & Space
Product semantics
Form that communicates what a thing is and how it should be treated: a rugged tool looks rugged, a precise instrument looks precise. Fashion & Product
Progressive disclosure
Show only what is needed now; reveal detail on demand. Accordions, drill-downs, bento tiles, and the enfilade of rooms are all forms. Usability & Behavior
Proportion & the rule of thirds (dress)
Dividing the body unevenly (1:2 or 2:1) rather than in half: cropped top over long skirt, or long jacket over short hem. Waist placement sets the split. Fashion & Product
Proportion systems
Formal ratio systems for dimensioning: Vitruvian orders, Le Corbusier's Modulor (based on a 1.83 m man), Hambidge's root rectangles, Japanese tatami and ken modules. Composition & Layout
Prospect & refuge
Appleton's theory: people prefer places that offer a view outward (prospect) from a position of enclosure (refuge). Window seats, inglenooks, porches, Wright's low ceilings opening to tall rooms. Architecture & Interior
Proximity
Elements placed near one another are read as related; distance implies separation. Composition & Layout
Prägnanz (simplicity)
People perceive ambiguous or complex images in the simplest form possible. Perception (Gestalt)
Rams's ten principles
Good design is innovative, useful, aesthetic, understandable, unobtrusive, honest, long-lasting, thorough to the last detail, environmentally friendly, and as little design as possible. Fashion & Product
Reading patterns (Z, F, Gutenberg)
Predictable scan paths: Z-pattern for sparse layouts, F-pattern for text-heavy pages, Gutenberg diagram (top-left to bottom-right, weak fallow areas top-right and bottom-left). Composition & Layout
Recognition over recall
Make options visible rather than requiring people to remember them: menus over command lines, recent items, autocomplete. Usability & Behavior
Repetition & rhythm
Reusing elements at intervals. Regular rhythm is steady; progressive rhythm changes gradually; flowing rhythm undulates; random rhythm is loose. Composition & Layout
Resolution & raster vs. vector
Raster images are pixel grids (300 ppi for print, 1×–3× for screens). Vector is mathematical and scales infinitely. Screens now range from 72 to 460 ppi. Print & Production
Responsive & adaptive layout
Layouts that reflow across viewports (fluid grids, breakpoints, container queries) or adapt to device capability. Usability & Behavior
Rule of thirds
Divide the frame into a 3×3 grid and place focal points on the lines or intersections rather than dead center. Composition & Layout
Saturation & chroma
Saturation is a hue's purity relative to gray. Chroma is perceived colorfulness relative to a neutral of the same lightness, an absolute scale in Munsell and LCH. Color
Scale & proportion
Scale is size relative to a reference (the body, the page). Proportion is the size relationship between parts of a whole. Composition & Layout
Sequence & narrative
Ordering experience in time: page order, onboarding steps, the approach to a building, a runway show. Usability & Behavior
Shadow & elevation
Shadow implies height above a surface. Consistent light direction; softer, larger shadows for higher elevation; ambient plus key shadows for realism. Light, Material & Texture
Shape & form
Shape is two-dimensional (geometric or organic); form is three-dimensional, real or implied. Geometric reads as made; organic reads as grown. Form & Space
Sight lines & views
What is seen from key positions: the entry, the seat, the bed. Terminate a sight line with something worth seeing; borrow views through openings. Architecture & Interior
Silhouette
The outer outline of a form read as a single shape: a dress, a chair, a skyline, a logo. Form & Space
Similarity
Elements sharing color, shape, size, or orientation are perceived as belonging together. Perception (Gestalt)
Simultaneous contrast
A color's appearance shifts with its neighbors: gray looks warm on blue, a hue looks more vivid beside its complement (Chevreul, Albers). Color
Small caps, figures, ligatures
True small caps are drawn, not scaled. Lining figures align with caps; old-style figures sit in the lowercase. Ligatures join colliding pairs (fi, fl). Typography
Spot color
A premixed ink (or dye reference) printed as its own plate, matched to a standard such as Pantone. Print & Production
Stroke contrast
Difference between thick and thin strokes. High in Didones (Bodoni), low in geometric sans, monoline in many slabs. Typography
Subculture signaling
Style as membership badge: safety pins, plaid, workwear, tech-bro vests, Y2K low-rise. Codes are legible to insiders and adopted, diluted, then abandoned. Fashion & Product
Sustainability & circularity
Designing for low embodied and operational impact: durable materials, repairability, disassembly, reuse, local sourcing, daylight over electric light. Architecture & Interior
Symmetry & asymmetry
Symmetry mirrors, rotates, or translates elements around an axis. Asymmetry balances unequal elements. Form & Space
Symmetry (Gestalt)
The mind perceives symmetrical elements as a unified group, even when separated. Perception (Gestalt)
Tension
Deliberate visual unease from near-collisions, extreme cropping, off-balance weight, or clashing color. Composition & Layout
Texture
Surface quality, tactile or visual. Rough textures absorb light and feel warm; smooth textures reflect and feel cool. Light, Material & Texture
Thermal comfort & passive design
Orientation, thermal mass, shading, cross-ventilation, insulation. Vernacular styles are largely climate responses: thick Mediterranean walls, deep Southern porches. Architecture & Interior
Tint, tone, shade
Tint = hue + white. Tone = hue + gray. Shade = hue + black. Three ways to modify a hue without changing its identity. Color
Tolerance, fit & finish
How precisely parts meet: panel gaps, seams, reveals, joinery. Tight tolerances read as precision; a deliberate reveal (shadow gap) hides variation. Fashion & Product
Transparency & translucency
Letting one plane show through another: glass, sheer fabric, blur, overlapping tints. Literal (see-through) or phenomenal (implied overlap). Form & Space
Truth to structure
Expressing how a building stands up rather than hiding it: exposed beams, visible joints, structure as ornament (Gothic, Gothic Revival, High-Tech, Brutalism). Architecture & Interior
Type as image
Letterforms used for their shape, scale, and texture, not only their reading. Dominant in Constructivism, psychedelia, Swiss punk, and kinetic type. Typography
Type classification
Humanist, old-style, transitional, Didone, slab; grotesque, neo-grotesque, geometric, humanist sans; script, blackletter, display, monospace. Typography
Type pairing
Combining typefaces that contrast clearly (serif + sans, display + text) or using one superfamily across weights and widths. Typography
Typographic scale
A ratio-based sequence of sizes (1.2 minor third, 1.25 major third, 1.5 perfect fifth, 1.618) producing related, not arbitrary, sizes. Typography
Undertone
The subtle hue beneath a color, most visible in neutrals: a gray may lean blue, green, or violet; a white may lean yellow or pink. Color
Unity & harmony
The sense that all parts belong to one whole, produced by shared color, form, material, or rule set. Composition & Layout
Value
How light or dark a color is, independent of hue. A grayscale conversion shows only value. Color
Variety
Deliberate difference within a unified system to prevent monotony. Composition & Layout
Vertical rhythm
Consistent spacing between text blocks derived from the line height, so the page has a steady beat. Typography
Visual hierarchy
Ordering elements by importance using size, weight, color, position, and contrast so the viewer reads them in an intended sequence. Composition & Layout
Wayfinding
Helping people know where they are, where they are going, and how to get back: landmarks, paths, districts, edges, nodes (Lynch), plus signage and breadcrumbs. Usability & Behavior
Weight & width
Weight runs from hairline to black; width from compressed to extended. Variable fonts expose both as continuous axes. Typography
Work triangle & task adjacency
Sink, stove, and refrigerator arranged so total path is 4–8 m with no leg crossed by traffic. Generalizes to any task workflow. Architecture & Interior
x-height & optical size
x-height is lowercase height relative to caps. Optical sizes adjust a face so it reads well at both small and display sizes. Typography
Zoning
Dividing a space by activity (rest, work, cook, gather) using rugs, furniture, light, level changes, ceiling height, partial walls. Architecture & Interior