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.

Terms598

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

48/598 shown

529

Gustavian Style — Sturehov Castle, the Green Room, 1781 — Wikimedia Commons / CC BY-SA 4.0Gustavian Style — Marieberg manufactory, tiled stove, 1780s, Sturehov Castle, the Yellow Room — Wikimedia Commons / CC BY-SA 4.0Gustavian Style — Attributed to Jonas Hultsten, Gustavian commode, c. 1773–1797 — Wikimedia Commons / CC BY 3.0

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / Style / Furniture and Interiors

Swedish neoclassicism as it took shape under Gustav III, who reigned from 1771 to 1792. Its model was the formal classicism of the Louis XVI style, and the king visited Versailles and then brought French craftspeople in to work at the Swedish royal palace. What makes it a style of its own is substitution, since domestically produced glass stood in for costly materials, and small clear glass beads did the work that carved rock crystal did in France.

A reserved neoclassical outline copied directly from Louis XVI forms / Small clear glass beads standing in for carved rock crystal drops / A little cobalt blue glass set among otherwise colourless glass / Gilt metal chains and mounts left visible as the structure holding the glass

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

530

Droog — Marcel Wanders, Knotted Chair, 1996 — Wikimedia Commons / CC BY 4.0Droog — Tejo Remy, You Can't Lay Down Your Memory, 1991 — Wikimedia Commons / CC BY 2.0Droog — Rody Graumans, 85 Lamps, 1993 — Wikimedia Commons / CC BY-SA 2.0

Droog

ドローホ / 1990s– / Style / Furniture and Interiors

Droog is the shared manner of a Dutch designers' cooperative that formed in the 1990s, and droog is the Dutch word for dry. Familiar things, a salvaged drawer or a knot, are kept as the structure of the object instead of being hidden by finishing. The group made simplicity and wit into a common type, which set it against the slicker industrial design of the same years.

Ready made parts of different origins are bound into one piece without matching their colour or wear / Straps and cords that look like temporary fixings stay on as the final structure / The making process remains on the finished surface, with knots and joints left unsanded / Because the parts differ every time, no two objects from one design are alike

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

531

Machine Art — AI-generated interpretation
AI interpretation, not a reference

Machine Art

マシン・アート / 1934 / Style / Modern Design Movements

The name of an exhibition the Museum of Modern Art held in New York from March to April 1934. Springs, pots and pans and scientific instruments, all factory made and all utilitarian, were placed on pedestals and treated as sculpture. Philip Johnson screened the walls and ceilings of the museum's nineteenth century brownstone to hide its mouldings, so that undecorated objects could be seen against nothing.

Utilitarian factory parts set out one to a pedestal, spaced apart / Mouldings on walls and ceilings screened over, leaving a background with no pattern in it / The objects are springs, pans and instruments, things never made to be looked at / Manufacturers' names standing where an artist's name would normally go

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

532

Xerox Star Interface — Desktop and icons of the Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC BY 2.0Xerox Star Interface — Multilingual document window of the Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC0Xerox Star Interface — Compound document screen of the Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC0

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / Style / Platform Screen Languages

The screen language set by the Xerox 8010 of 1981. Labelled iconographic symbols stood for folders, in and out baskets, file drawers and other office accessories, which the brochure of that year said amounted to an electronic desk top. Objects on the screen could be moved, copied and deleted with the hand held pointer that the same brochure still had to gloss as a mouse.

Every symbol on screen carries a text label, so meaning never rests on the picture alone / The symbols stand for things found on an office desk: folders, in and out baskets, file drawers / Objects are grabbed with the pointer, and moving, copying and deleting form one family of gestures / The spreadsheet appears as a grid of rows and columns, with a menu of tools that act on the matrix

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

533

PLATO Terminal Screen — Plasma display of a PLATO V terminal, 1981 — Wikimedia Commons / CC BY 3.0PLATO Terminal Screen — PLATO screen of a fractional distillation simulation — Wikimedia Commons / CC BY-SA 3.0 US

PLATO Terminal Screen

PLATO端末の画面 / 1972–1980s / Style / Platform Screen Languages

PLATO was the computer-assisted teaching system started at the University of Illinois in the early 1960s under Donald Bitzer, and its screen is a style in its own right. It ran on plasma flat panels with touch input, and the TUTOR language placed text and drawing by coordinate rather than by line flow, so a lesson was assembled straight onto the surface. Its notes files, private messages and multiplayer games set the shape of later online screens.

Text and line drawing glowing in a single orange on a black panel / Characters placed by coordinate rather than by line flow, cutting into the middle of a drawing / Text and graphics sharing one surface, with no frames dividing the regions / Questions answered by touching the screen itself

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

534

Breeze — Breeze on KDE Plasma 6 (Debian Trixie) — Wikimedia Commons / CC0Breeze — Breeze on KDE Plasma 5, light colour scheme (Kubuntu 20.10), 2020 — Wikimedia Commons / CC BY 4.0Breeze — Breeze on KDE Plasma 5, application launcher in the dark colour scheme (Kubuntu 21.04), 2021 — Wikimedia Commons / CC BY-SA 4.0

Breeze

ブリーズ / 2014– / Style / Platform Screen Languages

The default visual style KDE introduced with Plasma 5, described in its own announcement as a high contrast, flat theme for the workspace. Graphics assets are simpler and more monochromatic, and layouts lean on typography rather than ornament so elements stay recognisable. Light and dark variants shipped as a matched pair from the beginning.

Flat surfaces with no modelled shading, where edges are carried by contrast alone / Icons and graphic assets reduced toward monochrome, with a tight colour count / Type contrast doing the work ornament would otherwise do, so layout reads through text / The same assets existing as a matched light and dark pair

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

535

Acme — The acme screen of Plan 9 from Bell Labs — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / Style / Platform Screen Languages

Acme is the interface Rob Pike described in a 1994 paper, a hybrid of window system, shell and editor. It has no icons and no pop-up or pull-down menus; any string anywhere on screen can be executed with the middle button or opened with the right one. Windows are stacked in columns, and each is only a one line tag above a body.

Windows are stacked in columns, and each window is just a one line tag above a body / The scroll bar sits at the left edge of the body, and nothing sits at the right / Sweeping a string with the middle button underlines it only while the button is held / The body is pale yellow and the tag pale blue, and there is not one button or icon to click

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

536

Oberon System Interface — Oberon-0 screen, tag lines and gapless tiled surface — Wikimedia Commons / CC BY-SA 4.0Oberon System Interface — Oberon V4 screen, two-column tiling — Wikimedia Commons / CC BY-SA 4.0Oberon System Interface — Tablet running PC Native Oberon — Wikimedia Commons / CC BY-SA 4.0

Oberon System Interface

オベロン・システムの画面 / 1988– / Layout / Platform Screen Languages

The screen of the system Niklaus Wirth and Jürg Gutknecht built at ETH between 1986 and 1989. Windows never overlap: the display is split into vertical tracks and each track is tiled top to bottom. Any text anywhere on the screen can be run as a command if it reads M.P and you click it with the middle button, so the system needs no menu widget at all.

Nothing overlaps: the display is cut into vertical tracks first, then tiled top to bottom inside each track / A narrow track on the right holds a log above and a text of commands below, with the wide working track on the left / A one line title bar across the top of every viewer, carrying the document name and commands such as System.Close as plain text / One bit per pixel, black on white, with borders drawn as single lines and no shadow, rounding or grey

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

537

Ribbon — Office 2007-style ribbon with contextual tabs — Wikimedia Commons / CC BY-SA 4.0Ribbon — Microsoft Word（オランダ語版）のリボン 2021年 — Wikimedia Commons / CC BY-SA 4.0Ribbon — Microsoft Excel のリボンのグループ「Modificar」 2014年 — Wikimedia Commons / Public domain

Ribbon

リボン / 2007– / Layout / Microsoft UI

A command bar that organises a program's features into a series of tabs at the top of a window, replacing both the menu bar and the toolbars. Microsoft introduced it with Office 2007 and named its parts in the Windows guidelines: core tabs, groups, contextual tabs, galleries, the Application button and the Quick Access Toolbar. Every command carries a label, and its size follows how often it is used.

A tabbed band sits permanently at the top of the window, fixed at 48 pixels high / The band is cut into labelled groups, with each group name running along its lower edge / Command icons come in two sizes, 32 by 32 and 16 by 16, and the frequent ones take the large size and lead the group / Coloured contextual tabs appear when an object type is selected, and their tab set labels end in Tools

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

538

Solarized — Xcode 4 with Solarized Light applied, 2011 — Wikimedia Commons / CC BY 2.0Solarized — gedit with Solarized Dark applied — Wikimedia Commons / CC0Solarized — Wikipedia article page with Solarized Dark applied, 2021 — Wikimedia Commons / CC BY-SA 4.0

Solarized

ソラライズド / 2011– / Style / UI Expression

Solarized is a sixteen colour scheme for terminal and GUI applications published by Ethan Schoonover with every value in the open, eight monotones and eight accents. The monotones hold symmetric CIELAB lightness differences, so moving between the light and the dark background keeps the same perceived contrast. It lowers brightness contrast on purpose and lets hue relations, not brightness, separate one token from the next.

Backgrounds that are neither pure black nor pure white, one leaning teal and one leaning cream / A small lightness gap between body text and ground, softer than black on white / Eight accents at close to equal lightness, told apart by hue alone / The same accent holding the same role after the background is flipped from dark to light

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

539

Skeleton Screen — AI-generated interpretation
AI interpretation, not a reference

Skeleton Screen

スケルトン・スクリーン / 2013– / Technique / UI Expression

A loading treatment that drops the spinner and shows a blank version of the page instead, then fills information into it as the data arrives. Luke Wroblewski named the technique in 2013, writing about his own app Polar, where a spinner had made testers report that the app felt slower than the previous version. The aim is to show advance toward the goal rather than the act of waiting.

No spinner and no progress bar while the screen loads / Blank fields already standing where text and images will land, at the size they will occupy / A layout committed before the data arrives, so nothing shifts when it does / Regions filling in one after another instead of the whole screen appearing at once

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

540

Stamen Map Styles (Toner, Terrain, Watercolor) — Map rendered with Stamen Design's Watercolor tiles, 2022 — Wikimedia Commons / CC BY-SA 4.0Stamen Map Styles (Toner, Terrain, Watercolor) — Map rendered with Stamen Design's Terrain tiles, 2016 — Wikimedia Commons / CC BY 3.0Stamen Map Styles (Toner, Terrain, Watercolor) — Map using Stamen Design's black and white tiles (uMap), 2023 — Wikimedia Commons / CC BY-SA 2.5

Stamen Map Styles (Toner, Terrain, Watercolor)

スタメンの地図様式 / 2010s– / Style / Information Design

Stamen Design published three named basemap styles: Toner in high contrast black and white, Terrain built from hill shading and vegetation colour, and Watercolor made of washes with soft edges over paper texture. What changed with them is that the look of a basemap became a style you pick, not a set of colour settings you adjust. Cooper Hewitt acquired Watercolor, which was launched in 2012 and released under a Creative Commons Attribution licence.

Toner is drawn in black and white with no grey midtones at all / In Watercolor the shore reads as the soft edge of a brush stroke, and the paper texture stays visible as you zoom / Watercolor renders water as blues mixed with turquoise and violet, and roads swing from orange to red brown / Labels, lines and ground are separate layers, so a tile set ships with any of them left off

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

541

Single-Serving Site — AI-generated interpretation
AI interpretation, not a reference

Single-Serving Site

シングルサービング・サイト / 2008– / Layout / Reading on the Web

A site made of a single page on its own domain that does exactly one thing. Jason Kottke gave the form its name in February 2008, and around four hundred readers wrote in with examples, which is how it settled into a recognised type. There is no navigation and nowhere to go next: the answer fills the screen and that is the whole site.

The domain name is the question and the page holds nothing but the one word answer / No heading and no paragraph, just one word or one image occupying the middle of the screen / No menu, no search and no footer links, so there is nowhere the visitor can go next / Titles that can be answered yes or no, in the manner of Is It Christmas? and Is Twitter Down?

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

542

ADV / NVL Text Layout — NVL-style screen from the Korean edition of Higurashi When They Cry — Wikimedia Commons / Public domainADV / NVL Text Layout — ADV-style screen from Cameliagirls, 2011 — Wikimedia Commons / CC BY-SA 3.0

ADV / NVL Text Layout

ADV／NVL（ノベルゲームの文字組み） / 1990s– / Layout / Games and Play

The visual novel has two named text layouts, of which ADV mode presents dialogue and narration one line at a time, generally in a window at the bottom of the screen. NVL mode presents several lines at once in a window that takes up the entire screen and starts a fresh page at marked breaks. The Ren'Py documentation defines the pair in exactly those terms.

In ADV mode a wide window stays at the bottom of the screen and holds one line at a time / In NVL mode the text fills the screen and the lines already read stack upward / An NVL page break clears the whole stack at once and the next page starts empty / Choices behave differently in each mode: NVL puts them directly after the current text instead of on a full screen menu

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

543

Images at the source page

GitHub Primer

GitHub Primer / 2017– / Style / Platform Screen Languages

GitHub's design system for turning dense development workflows into shared rules for color, type, icons, spacing and components. It favors flow over decoration, keeping many states and actions in a small area without giving up accessibility or responsive behavior.

Neutral surfaces with blue links and restrained status colors / Octicons paired with short action labels / Thin borders separating lists, tabs and sidebars / Consistent steps of type and spacing even at high density

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

544

Images at the source page

Adobe Spectrum

Adobe Spectrum / 2013– / Style / Platform Screen Languages

Adobe's cross-application design system. Under the principles Rational, Human and Focused, it changes density between desktop and mobile while keeping tool-heavy interfaces from pulling attention away from the work itself.

Neutral surfaces with vivid color reserved for selection / Icons, type and borders scaling together / Toolbars and property panels joined by fine divisions / The creative work stays stronger than the interface

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

545

Images at the source page

Atlassian Design System

Atlassian Design System / 2012– / Style / Platform Screen Languages

A system that translates the complexity of Jira and Confluence into shared tokens, content rules, spacing, grids and components. Consistency builds trust while keeping large sets of issues, documents and states navigable.

White and pale gray layers with blue primary actions / Rounded cards and lozenge-shaped status labels / Clear divisions among sidebar, table and detail pane / Color, spacing, radius and elevation controlled by tokens

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

546

Images at the source page

Ant Design

Ant Design / 2015– / Style / Platform Screen Languages

A design system that keeps enterprise web applications at low entropy through reusable components and page patterns. Its values — Natural, Certain, Meaningful and Growing — systematize tables, forms, hierarchy and state without reducing information density.

Dense tables set in small type and fine rules / Blue primary actions with explicit semantic colors / Consistent forms, pagination, trees and tables / Readability achieved through alignment and repetition, not generous space

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

547

Images at the source page

Shopify Polaris

Shopify Polaris / 2017– / Style / Platform Screen Languages

Shopify's UI framework for giving products, orders, payments and customers one commerce language. Cards and sections separate decisions, while short status and action language helps a merchant keep the store moving.

White cards stacked on a pale ground / Green used as success or forward motion / Title, status and primary action gathered at the top / Compact badges for product, order and payment states

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

548

Images at the source page

Black Dandyism

ブラック・ダンディズム / 18th century– / Style / Fashion History

A lineage of using tailoring and bearing as self-fashioning, editing back against a racialized gaze. It is not one level of ornament: it knows the codes, shifts the details, and carries dignity, resistance and identity at once.

Precise tailoring fitted to the body / A complete line from hat and collar to tie and shoe / Color, pattern or gesture shifting classic menswear codes / Confident, frontal self-presentation

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

549

Images at the source page

Power Dressing

パワー・ドレッシング / 1970s–1980s / Style / Fashion History

Dress that makes workplace authority visible. In the 1980s the sharply tailored, big-shouldered suit became a sign of upward mobility for women and men, enlarging and hardening the silhouette while also carrying the pressure to conform.

Padded jackets widening the shoulders / A fitted waist and inverted-triangle silhouette / Dark worsted cloth and pinstripes / Coordinated suit, shirt, tie or pumps

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

550

Images at the source page

Fashion Deconstruction

ファッションの脱構築 / 1980s– / Style / Fashion History

Exposes seam allowance, lining, raw edge, pattern and asymmetric joining instead of hiding clothing as a seamless whole. It does not merely destroy; it dismantles conventions and builds a different body from their parts.

Seam allowances and lining turned outward / Raw edges and deliberate fraying / Asymmetric joins and displaced balance / Patterns and interfacing treated as finished surfaces

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

551

Images at the source page

Camp Fashion

キャンプ・ファッション / 19th century– / Style / Fashion History

A sensibility that loves artifice, exaggeration, theatricality, parody and excess, enjoying the line between good and bad taste. Its force is not loudness alone but seriousness enlarged until it turns into humor and critique.

Silhouettes exaggerated beyond bodily scale / Artificial materials and excessive ornament / Quotation from historic dress and popular culture / Humor, parody and theatrical posing

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

552

Images at the source page

Mori Girl / Mori Kei

森ガール／森系 / 2007– / Style / Japanese Street Fashion

A Japanese street fashion built by urban wearers imagining a girl who might live in a forest. Loose layers, ecru and earth colors, natural textures and old accessories extend into a story about a slower life.

Layered loose dresses and skirts / Low-chroma ecru, brown and moss / Lace, knit, linen and wool textures / Leather shoes, baskets and old accessories

design.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

553

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

555

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

557

U.S. Web Design System — USA.gov homepage, 2023 — Wikimedia Commons / Public domainU.S. Web Design System — Vote.gov in Bengali, 2026 — Wikimedia Commons / CC0U.S. Web Design System — Login.gov mobile screen, 2024 — 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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

558

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

559

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

562

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0Material You — Google / Material Design, Material You light mode screen, Material 3 Design Kit — Wikimedia Commons / CC BY 4.0Material You — Android 12 の壁紙由来カラーを表示した折りたたみ端末 2021年 — Wikimedia Commons / CC BY 3.0

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

563

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

564

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

565

Images at the source page

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

566

PatternFly — AI-generated interpretation
AI interpretation, not a reference

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

573

Pixel Sorting — AI-generated interpretation
AI interpretation, not a reference

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

574

DeepDream — AI-generated interpretation
AI interpretation, not a reference

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

575

New Romantic — AI-generated interpretation
AI interpretation, not a reference

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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.md ／ image prompt

ChatGPT ／ Claude ／ Google AI

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