IndexStyle

A dictionary of design styles, written from the works themselves.

It is plain HTML. It opens on any browser and any device, with no app and no account, and machines read the same page.

Terms776

Dictionary

Search by style name or describe what you are making. Name matches come first; purpose, desired effect and medium add relevant alternatives.

TryBauhausa premium recruiting websitea trustworthy finance app

24/776 shown

553

Sportswear as Fashion — Athleisure street dress, Madison, Wisconsin — contemporary sportswear example; photo: John Benson — John Benson from Madison WI — Wikimedia Commons / CC BY 2.0

Sportswear as Fashion

スポーツウェア・ファッション / late 19th century– / Style / Fashion History

The exchange by which mobility, protection and new materials from sport enter everyday dress and fashionable shapes return to athletic clothing. From divided skirts to stretch, nylon and neoprene, functional movement helped form modern casual clothing.

Ease and stretch that preserve movement / Adjustments such as zips, ribs and drawcords / Team color, numbers and stripes used for identity / Functional fabrics including nylon, spandex and neoprene

design.mdimage prompt

554

Carbon Design System — IBM Carbon — UI-shell usage example from the archived official documentation — Carbon Design System contributors / Apache-2.0

Carbon Design System

Carbon Design System / 2015– / Style / Platform Screen Languages

IBM's system for data-heavy enterprise products, combining a strict grid, IBM Plex type and compact components so complex work remains legible.

IBM Plex and strong type hierarchy / White or deep-gray work surfaces / Dense tables, filters and side navigation / Blue reserved for action and focus

design.mdimage prompt

555

Salesforce Lightning Design System — Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0

Salesforce Lightning Design System

Salesforce Lightning / 2015– / Style / Platform Screen Languages

Salesforce's interface language for record-centered business work, organizing objects, actions and status into repeatable workspace patterns.

Object headers with compact metadata / Tabs, cards and activity timelines / Cloud blue with semantic status colors / Dense forms and record tables

design.mdimage prompt

556

SAP Fiori — AI-generated interpretation
AI interpretation, not a reference

SAP Fiori

SAP Fiori / 2013– / Style / Platform Screen Languages

SAP's role-based design language reduces enterprise processes to the information and actions each person needs, then carries them consistently across devices.

Role-based launchpad tiles / Shell bar and object pages / Compact tables and semantic status / Calm blue on pale work surfaces

design.mdimage prompt

557

U.S. Web Design System — USA.gov homepage, 2023 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / Style / Public Design

A shared system for accessible, mobile-friendly and trustworthy U.S. federal web services, built from tested public-service patterns.

White, navy and restrained federal red / Large plain headings and readable body text / Official-site banner / Clear forms, alerts and step indicators

design.mdimage prompt

558

NHS Design System — NHS.UK frontend — official error-summary component snapshot — Copyright (c) 2019 NHS England / MIT

NHS Design System

NHSデザインシステム / 2016– / Style / Public Design

The NHS system makes urgent health information and services calm, direct and consistent through plain language, strong focus states and tested clinical patterns.

NHS blue and generous white space / Large headings and short paragraphs / Callouts for warning and care advice / Visible focus and simple forms

design.mdimage prompt

559

BBC Global Experience Language — AI-generated interpretation
AI interpretation, not a reference

BBC Global Experience Language

BBC GEL / 2010– / Style / Platform Screen Languages

BBC's global experience language unifies news, video, audio and children's products through readable hierarchy, accessible media controls and reusable editorial components.

Black header over white content / Short bold headlines / News cards with consistent image ratios / Highly visible focus, captions and playback controls

design.mdimage prompt

560

Mozilla Protocol — AI-generated interpretation
AI interpretation, not a reference

Mozilla Protocol

Mozilla Protocol / 2017– / Style / Platform Screen Languages

Mozilla's flexible web system puts content and global accessibility ahead of decoration while retaining a vivid open-web personality.

Bold black headings and broad white space / Large fields of vivid color / Flexible billboards and cards / Short copy and explicit calls to action

design.mdimage prompt

561

Elastic UI — AI-generated interpretation
AI interpretation, not a reference

Elastic UI

Elastic UI / 2017– / Style / Platform Screen Languages

Elastic's interface system is made for searching, filtering and diagnosing large data sets without losing operational density.

Fixed header and left navigation / Persistent query, filter and time controls / Tables and time-series charts in shared panels / Bright series colors limited to data

design.mdimage prompt

562

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0 · © Google LLC

Material You

Material You / 2021– / Style / Google UI

Material You makes adaptability itself consistent: dynamic color, generous shapes and personalized motion vary by person while semantic roles stay stable.

Harmonized colors derived from wallpaper / Large rounded cards and controls / Selection changes both color and shape / Broad spacing and large display type

design.mdimage prompt

563

The New Aesthetic — AI-generated interpretation
AI interpretation, not a reference

The New Aesthetic

ニュー・エステティック / 2011– / Aesthetic / Digital Culture

James Bridle's New Aesthetic names the way machine vision and network imagery leak into physical culture through pixels, satellite views, detection boxes and sensor errors.

Pixels enlarged onto physical objects / Recognition rectangles and coordinates / Satellite, map and surveillance viewpoints / Compression, omission and machine misclassification

design.mdimage prompt

564

Post-Internet Art — AI-generated interpretation
AI interpretation, not a reference

Post-Internet Art

ポスト・インターネット・アート / 2000s– / Aesthetic / Digital Culture

Post-Internet art treats the internet as an ordinary condition of life and production, turning the circulation between online images, objects, exhibitions and documentation into the work.

Network images converted into prints or objects / Screenshots, product images and 3D renders mixed / Installation views returning to social feeds / High-resolution and compressed imagery on the same surface

design.mdimage prompt

565

Retrofuturism — Tom Swift and His Photo Telephone, frontispiece, 1914 — historical imagined-future illustration — Stratemeyer Syndicate — Wikimedia Commons / Public domain

Retrofuturism

レトロフューチャリズム / 1970s– / Aesthetic / Digital Culture

Retrofuturism revisits futures imagined in the past through their vehicles, materials, advertising and cosmic visions, preserving both their hope and their blind spots.

Streamlined vehicles and monumental cities / Analog gauges, chrome and vacuum tubes / Space-age advertising type and diagrams / Faded print beside luminous future imagery

design.mdimage prompt

566

PatternFly — PatternFly — official desktop data-list demo snapshot — Copyright (c) 2019 Red Hat, Inc. / MIT

PatternFly

PatternFly / 2012– / Style / Platform Screen Languages

Red Hat's open-source screen language for enterprise products keeps complex infrastructure manageable through dense navigation, data views and tightly controlled status color.

Dark masthead and left navigation / Dense tables and forms on white or pale-gray work surfaces / Blue for primary action and red, orange or green for status / List, detail and action shown in coordinated panes

design.mdimage prompt

567

elementary OS — AI-generated interpretation
AI interpretation, not a reference

elementary OS

elementary OS / 2011– / Style / Platform Screen Languages

elementary OS builds a consistently beautiful, immediately understandable desktop from concise language, single-purpose windows, distinctive app icons and restrained depth.

A few primary actions in the top toolbar / Short copy built from concrete verbs / Multicolor app icons with distinctive silhouettes and a dark one-pixel outline / White work surfaces, pale chrome and blue suggested actions

design.mdimage prompt

568

GitLab Pajamas — AI-generated interpretation
AI interpretation, not a reference

GitLab Pajamas

GitLab Pajamas / 2018– / Style / Platform Screen Languages

GitLab's screen language connects code, issues, review, CI/CD and security inside one DevSecOps product through GitLab Sans and Mono, persistent navigation, dense lists and a purple-inflected neutral palette.

GitLab Sans paired with GitLab Mono for code / Layered structure built from left navigation and application chrome / Dense issue, merge-request and pipeline lists / White or charcoal surfaces with purple as brand focus

design.mdimage prompt

569

Firefox Photon — AI-generated interpretation
AI interpretation, not a reference

Firefox Photon

Firefox Photon / 2017–2021 / legacy / Style / Platform Screen Languages

Introduced with Firefox Quantum, Photon unified desktop and mobile around a fast, recognisable Firefox language of compact browser chrome, vivid color, light icons and motion that stays behind the web content.

Compact browser chrome and squared-off tabs / Vivid blue, purple and orange on white or deep navy / Thin simplified line icons / Brief transitions and unmistakable selection or focus

design.mdimage prompt

570

Ubuntu Yaru — AI-generated interpretation
AI interpretation, not a reference

Ubuntu Yaru

Ubuntu Yaru / 2018– / Style / Platform Screen Languages

Ubuntu's community-built default theme overlays Adwaita-based GTK and GNOME Shell with Ubuntu orange, dark header bars and Suru-derived icons, distributing windows, shell, icons, cursors and sound as one suite.

Light window body contrasted with a dark header bar / Ubuntu orange for selection and focus / Suru-derived icons based on circles, squares and vertical or horizontal oblongs / One-pixel icon edge, restrained gradient and lower shadow

design.mdimage prompt

571

Canonical Vanilla — AI-generated interpretation
AI interpretation, not a reference

Canonical Vanilla

Canonical Vanilla / 2013– / Style / Platform Screen Languages

Canonical's CSS-based screen language unifies Ubuntu, MAAS, Juju and related sites and applications through Ubuntu type, split grids, ruled sections and generous space, optimized for scanning long technical content.

Thin large headings paired with bold smaller headings in Ubuntu type / Asymmetric 25/75 and 50/50 splits / Fine rules above sections and generous vertical space / White surfaces, dark text and orange or aubergine focus

design.mdimage prompt

572

Firefox Proton — AI-generated interpretation
AI interpretation, not a reference

Firefox Proton

Firefox Proton / 2021–2026 / Style / Platform Screen Languages

The Firefox 89 redesign made the browser brighter and calmer by streamlining toolbars and menus and adopting floating rounded tabs, lighter iconography, more spacing and a purple-inflected palette across desktop, iOS and Android.

A rounded active tab floating above the toolbar / Text-led menus with fewer redundant icons / Generous spacing and light linear iconography / Neutral browser chrome with purple and blue selection states

design.mdimage prompt

573

Pixel Sorting — Pixel sorting digital art composite — Slaytonjerry — Wikimedia Commons / CC BY-SA 4.0

Pixel Sorting

ピクセルソーティング / 2010– / Technique / Digital Image Techniques

Pixel Sorting selects image pixels by a brightness or hue threshold and reorders them within rows or columns, drawing long color streaks out of a still-recognisable source image. Kim Asendorf's released code enabled widespread reimplementation.

Long horizontal or vertical pixel streams leaving a figure or landscape / Only part of an outline flowing into bands / Unselected areas preserving the source image / Local color bands smoothly ordered by value or hue

design.mdimage prompt

574

DeepDream — DeepDream applied to white noise, published algorithm-generated example — Martin Thoma, 2016 — MartinThoma — Wikimedia Commons / CC0

DeepDream

ディープドリーム / 2015– / Technique / Digital Art

Google's visualization technique repeatedly amplifies features learned by an image-recognition network, making eyes, animals and towers emerge excessively from clouds, rocks and leaves until misrecognition becomes a recursive hallucinatory surface.

Eyes and animal faces repeated across the frame / Swirling texture multiplying along source contours / Multi-scale repetition that reveals new figures when viewed closer / Saturated blue, yellow and violet rolling continuously

design.mdimage prompt

575

New Romantic — Tallulah and Steve Strange at the Circus Circus opening, 1983 — New Romantic dress — Eurovisa — Wikimedia Commons / CC BY-SA 4.0

New Romantic

ニュー・ロマンティック / 1979–1983 / Style / Subculture Style

Born around London's Blitz club, New Romantic dress turned punk's black destruction into theatrical self-invention by mixing pirates, Regency dress, cabaret and futuristic materials. A look was built as a character for the night, not bought complete.

Frilled shirts, sashes and quotations of military or pirate dress / Whitened face, strong blush and asymmetric makeup / Large head silhouette built from hats, feathers and jewelry / Historic costume mixed with synthetics and futuristic shine

design.mdimage prompt

576

Acid House Fashion — AI-generated interpretation
AI interpretation, not a reference

Acid House Fashion

アシッドハウス・ファッション / 1988–1991 / Style / Subculture Style

Second Summer of Love warehouse raves put yellow smileys, fluorescent color and reflective material onto oversized tees and functional clothing made for hours of dancing, compressing community recognition into one simple face.

Black smiley on yellow / Oversized T-shirts, loose trousers and bucket hats / Fluorescent yellow, orange and green against black / Repeated reflective material, sports fabric and pin badges

design.mdimage prompt

Editorial policy

IndexStyle is not a list of every term used around design. An independent entry must describe a visual language that can be recognised, reproduced and distinguished from its neighbours. Editorial standard

Back to top