Skip to content

Atlas

Design atlas

A broad, living catalogue of 269 terms: historical movements, aesthetics, design-system languages, layouts, interaction patterns and principles. It is not every style that exists, and the classes overlap.

Read it as a map, not a verdict. The 1 to 5 scales are heuristic editorial judgements, an audience is a hypothesis about motivation and task that was never measured, and the sources behind a term support underlying principles, not the style itself. How to read the atlas.

  • DS001 Movement: Graphic Modernism

    Swiss Style

    Swiss design based on rational grids and a systematic typographic hierarchy

    Established Trend: Rising

  • DS002 Movement: Graphic Modernism

    International Typographic Style

    Historical movement that systematized functional typography and objective composition

    Historical Trend: Rising

  • DS003 Movement: Modernism

    Bauhaus

    Union of art, industry and function with explicit geometry

    Historical Trend: Steady

  • DS004 Movement: Avant-Garde

    Constructivism

    Language of dynamic composition, diagonals and historical political visual messaging

    Historical Trend: Niche

  • DS005 Movement: Geometric Abstraction

    De Stijl

    Organization into rectangles, orthogonal lines and basic colors

    Historical Trend: Niche

  • DS006 Movement: Functionalism

    Ulm School Functionalism

    Systematic, rational design approach oriented to use

    Historical Trend: Rising

  • DS007 Movement: Modernism

    Modernism

    Prioritizes clarity, structure and the relation between form and function

    Historical Trend: Rising

  • DS008 Movement: Postmodernism

    Postmodernism

    Reaction to modernist rigidity through mixing, irony and cultural references

    Historical Trend: Niche

  • DS009 Movement: Postmodernism

    Memphis Design

    Playful language of shapes, patterns and contrasting colors

    Historical Trend: Steady

  • DS010 Movement: Historical

    Art Deco

    Geometric luxury with symmetry, ornamentation and metals

    Historical Trend: Niche

  • DS011 Movement: Historical

    Art Nouveau

    Ornamentation inspired by organic curves and nature

    Historical Trend: Niche

  • DS012 Movement: Historical

    Mid-Century Modern

    Functional geometry and visual language of the mid-20th century

    Historical Trend: Steady

  • DS013 Movement: Reduction

    Minimalism

    Eliminating superfluous elements and preserving the essential hierarchy

    Established Trend: Rising

  • DS014 Movement: Expressive Accumulation

    Maximalism

    Dense composition of colors, textures, patterns and elements

    Active Trend: Steady

  • DS015 Movement: Digital Brutalism

    Brutalism

    Web translation of formal roughness, explicit structure and challenged conventions

    Active Trend: Niche

  • DS016 Aesthetic: Digital Brutalism

    Neobrutalism

    Contemporary interpretation with heavy outlines and offset shadows

    Active Trend: Steady

  • DS017 Aesthetic: Digital Brutalism

    Soft Brutalism

    Brutalist contrast and structure in a friendlier composition

    Descriptive label Trend: Steady

  • DS018 Aesthetic: Digital Brutalism

    Post-Brutalism

    Informal term for a sophisticated, restrained evolution of brutalism

    Emerging Trend: Uncertain

  • DS019 Movement: Experimentation

    Anti-Design

    Intentional questioning of conventional composition standards

    Active Trend: Niche

  • DS020 Movement: Counterculture

    Punk Design

    Raw collage, texture and deliberately irregular typography

    Historical Trend: Niche

  • DS021 Movement: Counterculture

    Grunge Design

    Worn textures and dirty industrial aesthetic

    Historical Trend: Niche

  • DS022 Aesthetic: Retrofuturism

    Vaporwave

    Nostalgic digital aesthetic with 1980s-1990s references and neon pastel colors

    Active Trend: Niche

  • DS023 Aesthetic: Retrofuturism

    Synthwave

    Neon, sunsets and perspective grids from an 1980s imaginary

    Active Trend: Niche

  • DS024 Aesthetic: Digital Nostalgia

    Y2K Aesthetic

    Visual style of the turn of the 2000s with chrome, plastic and shine

    Active Trend: Steady

  • DS025 Aesthetic: Digital Nostalgia

    Frutiger Aero

    Optimistic technological look of the 2000s with gloss, nature and transparency

    Active Trend: Niche

  • DS026 Aesthetic: Sci-Fi

    Cyberpunk

    Dystopian technological city turned into a neon, high-contrast UI

    Active Trend: Niche

  • DS027 Aesthetic: Speculative Fiction

    Solarpunk

    Technological future tied to ecology, cooperation and nature

    Active Trend: Steady

  • DS028 Aesthetic: Speculative Fiction

    Retro Futurism

    Representation of futures imagined in the past

    Active Trend: Niche

  • DS029 Movement: Cultural Futurism

    Afrofuturism

    Combines the African diaspora, speculation and technological artistic languages

    Historical Trend: Niche

  • DS030 Aesthetic: Digital Experimental

    Cyberdelic

    Mixes psychedelic references with technology and digital effects

    Niche Trend: Niche

  • DS031 Movement: Experimental

    Psychedelic Design

    Saturated colors, distortions and fluid, high-stimulation patterns

    Historical Trend: Niche

  • DS032 Movement: Popular Art

    Pop Art

    Colors, comics, repetition and appropriation of mass iconography

    Historical Trend: Niche

  • DS033 Aesthetic: Playful Affective

    Kawaii Design

    Expression of cuteness through soft shapes and friendly characters

    Active Trend: Steady

  • DS034 Aesthetic: Playful Affective

    Cute Minimalism

    Minimalism with visual signals of friendliness and warmth

    Descriptive label Trend: Rising

  • DS035 Aesthetic: Regional

    Scandinavian Minimalism

    Functional minimalism with natural materials and clean composition

    Active Trend: Rising

  • DS036 Aesthetic: Regional

    Japanese Minimalism

    Restrained composition inspired by simplicity and visual balance

    Active Trend: Rising

  • DS037 Visual principle: Spacing

    Ma-Inspired Design

    Meaningful use of intervals and voids for structure and rhythm

    Descriptive label Trend: Steady

  • DS038 Aesthetic: Materiality

    Wabi-Sabi

    Appreciation of imperfection, texture and transience

    Historical Trend: Niche

  • DS039 Aesthetic: Cultural Hybrid

    Japandi

    Mix of Japanese and Scandinavian design in sober, warm forms

    Active Trend: Steady

  • DS040 Aesthetic: Premium

    Quiet Luxury

    Discreet luxury based on quality, breathing room and formal restraint

    Active Trend: Rising

  • DS041 Aesthetic: Premium

    Old Money Aesthetic

    Visual conventions associated with tradition and brand heritage

    Active Trend: Niche

  • DS042 Aesthetic: Editorial

    Editorial Minimalism

    Interface that uses magazine principles with few elements and prominent typography

    Active Trend: Rising

  • DS043 Aesthetic: Editorial

    High-End Editorial

    Art direction of a premium publication with photos and graphic rhythm

    Active Trend: Steady

  • DS044 Aesthetic: Experimental Editorial

    Swiss Punk

    Rational typographic grid mixed with expressive ruptures

    Descriptive label Trend: Niche

  • DS045 Movement: Digital Culture

    New Aesthetic

    Aesthetic inspired by the computational perception of the physical world

    Historical Trend: Niche

  • DS046 Aesthetic: Digital Culture

    Digital Vernacular

    References to everyday web language, memes and popular interfaces

    Descriptive label Trend: Niche

  • DS047 Aesthetic: Institutional

    Corporate Modernism

    Typographic modernism translated for contemporary business communication

    Active Trend: Rising

  • DS048 Typography and composition: Typographic Style

    Neo-Grotesque

    Use of neutral neo-grotesque fonts in systematic interfaces

    Established Trend: Rising

  • DS049 Typography and composition: Typographic Style

    Humanist UI

    Interface with humanist typography and signs of visual closeness

    Active Trend: Rising

  • DS050 Visual principle: Functionalism

    Functional Minimalism

    Reduction driven by the task, not by emptiness as decoration

    Established Trend: Rising

  • DS051 Interaction principle: Attention

    Calm Technology

    Systems that ask for attention only when it is needed

    Established Trend: Rising

  • DS052 Aesthetic: Digital Craft

    Digital Craft

    Interfaces with authored details and refined digital materiality

    Descriptive label Trend: Steady

  • DS053 Aesthetic: Organic

    Organic Modernism

    Balanced modernism with natural curves and soft textures

    Active Trend: Steady

  • DS054 Aesthetic: Nature

    Biophilic Design

    Use of natural references and vegetation as interface direction

    Active Trend: Steady

  • DS055 Aesthetic: Nature

    Eco-Minimalism

    Sober palette and composition with a conscious-consumption language

    Descriptive label Trend: Steady

  • DS056 Aesthetic: Surfaces

    Soft UI

    Rounded surfaces and delicate transitions for a welcoming feel

    Active Trend: Rising

  • DS057 Aesthetic: Surfaces

    Neumorphism

    Controls suggested by relief created with outer and inner shadows

    Niche Trend: Declining

  • DS058 Aesthetic: Material Metaphor

    Skeuomorphism

    Reproduces characteristics of physical objects as a digital representation

    Established Trend: Steady

  • DS059 Aesthetic: Material Metaphor

    Neo-Skeuomorphism

    Selective return of physical texture and depth in current UI

    Active Trend: Steady

  • DS060 Aesthetic: Surfaces

    Flat Design

    Removes artificial volumes and favors flat elements

    Established Trend: Rising

  • DS061 Aesthetic: Surfaces

    Flat 2.0

    Flat with moderate depth and interaction cues

    Active Trend: Rising

  • DS062 Aesthetic: Transparency

    Glassmorphism

    Translucent planes with blur and luminous borders

    Active Trend: Steady

  • DS063 Aesthetic: Transparency

    Liquid Glass

    Apple's language of responsive translucent material for floating controls

    Established Trend: Rising in some contexts

  • DS064 Aesthetic: Transparency

    Frosted UI

    Diffuse layered blur with a sense of depth

    Active Trend: Steady

  • DS065 Aesthetic: Transparency

    Acrylic UI

    Translucent material with noise and lighting associated with desktop systems

    Established Trend: Steady

  • DS066 Aesthetic: Transparency

    Mica UI

    Application background material with a discreet ambient tint

    Established Trend: Rising in some contexts

  • DS067 Aesthetic: 3D Volume

    Claymorphism

    Inflated components with a clay-like, tactile and playful look

    Active Trend: Niche

  • DS068 Aesthetic: 3D Volume

    Soft 3D UI

    Soft volumetric object as support for hierarchy, without photorealism

    Active Trend: Steady

  • DS069 Aesthetic: 3D Volume

    Hyperrealism UI

    Digital representations extremely close to the real material

    Niche Trend: Niche

  • DS070 Aesthetic: Spatial Illustration

    Isometric UI

    Isometric projection in scenes, icons or illustrations

    Established Trend: Steady

  • DS071 Aesthetic: Stylized 3D

    Low-Poly UI

    Surfaces formed by prominent polygons and low geometric resolution

    Niche Trend: Niche

  • DS072 Aesthetic: Stylized 3D

    Voxel UI

    Objects made of cubes in a three-dimensional grid

    Niche Trend: Niche

  • DS073 Aesthetic: Digital Retro

    Pixel Art UI

    Interface elements inspired by low-resolution graphics

    Active Trend: Niche

  • DS074 Aesthetic: Digital Retro

    8-Bit UI

    Visual vocabulary of 8-bit computers and video games

    Niche Trend: Niche

  • DS075 Aesthetic: Digital Retro

    16-Bit UI

    Reference to the more detailed pixel art of 16-bit games

    Niche Trend: Niche

  • DS076 Aesthetic: Digital Retro

    Dithered UI

    Intentional use of dithering to create tones and grainy texture

    Niche Trend: Niche

  • DS077 Aesthetic: Palette

    Monochromatic Design

    Composition built with one color, tonal variations and minimal accents

    Established Trend: Rising

  • DS078 Aesthetic: Palette

    Duotone Design

    Images and composition reduced to two tones

    Active Trend: Steady

  • DS079 Aesthetic: Palette

    Pastel UI

    Light, low-saturation palette for a soft atmosphere

    Active Trend: Steady

  • DS080 Aesthetic: Palette

    High-Contrast UI

    Strong tonal contrast to make information distinguishable

    Established Trend: Rising

  • DS081 Aesthetic: Theme

    Dark Mode

    Interface with dark surfaces and light text and clickable elements

    Established Trend: Rising

  • DS082 Aesthetic: Theme

    Light Mode

    Predominantly light interface that recalls paper surfaces

    Established Trend: Rising

  • DS083 Aesthetic: Theme

    OLED Black

    Use of deep black in dark panels

    Active Trend: Steady

  • DS084 Aesthetic: Palette

    Warm Minimalism

    Minimalism with warm tones, restrained texture and low color contrast

    Active Trend: Rising

  • DS085 Aesthetic: Palette

    Cold Minimalism

    Minimalism with cool tones and graphic rigor

    Descriptive label Trend: Steady

  • DS086 Aesthetic: Gradients

    Gradient Mesh UI

    Diffuse color fields from multiple color points

    Active Trend: Steady

  • DS087 Aesthetic: Gradients

    Aurora UI

    Animated diffuse lights resembling an aurora

    Active Trend: Steady

  • DS088 Aesthetic: Materials

    Holographic UI

    Iridescence, spectral reflections and a holographic look

    Active Trend: Niche

  • DS089 Aesthetic: Materials

    Metallic UI

    Use of metallic finish and reflections as a language

    Active Trend: Steady

  • DS090 Typography and composition: Material Typography

    Chrome Typography

    Letters with reflective metallic surfaces

    Active Trend: Niche

  • DS091 Aesthetic: Materials

    Paper UI

    A paper metaphor using surfaces, cutouts and a light texture

    Active Trend: Steady

  • DS092 Aesthetic: Textures

    Grainy UI

    A subtle grain texture that breaks up smooth gradients

    Active Trend: Steady

  • DS093 Aesthetic: Materiality

    Tactile UI

    Digital surfaces with cues of texture and handling

    Active Trend: Rising in some contexts

  • DS094 Aesthetic: Outlines

    Outline UI

    Components defined mainly by outlines instead of fills

    Active Trend: Rising

  • DS095 Aesthetic: Outlines

    Hairline UI

    Very thin borders and dividers structure a discreet composition

    Descriptive label Trend: Rising

  • DS096 Aesthetic: Outlines

    Fine-Line Minimalism

    Minimalism whose divisions rely on delicate lines and space

    Descriptive label Trend: Rising

  • DS097 Aesthetic: Outlines

    Border-Driven UI

    The whole hierarchy is built from outlines and geometric joins

    Descriptive label Trend: Rising

  • DS098 Aesthetic: Outlines

    Grid-Visible UI

    The graphic grid stays visible as part of the identity

    Descriptive label Trend: Steady

  • DS099 Aesthetic: Instrumental

    Technical Minimalism

    Engineering aesthetics combined with functional simplicity

    Active Trend: Rising

  • DS100 Aesthetic: Instrumental

    Blueprint UI

    Representation of floor plans, technical diagrams and coordinates

    Niche Trend: Steady

  • DS101 Aesthetic: Instrumental

    Industrial UI

    Interface with cues of industrial equipment and robust operation

    Established Trend: Rising

  • DS102 Aesthetic: Instrumental

    Terminal Aesthetic

    Look inspired by terminals and text consoles

    Active Trend: Rising

  • DS103 Aesthetic: Instrumental

    ASCII UI

    Composition that uses monospaced characters as structural graphics

    Niche Trend: Niche

  • DS104 Aesthetic: Instrumental

    Code-Inspired UI

    Visual elements use the language of code editors and programming syntax

    Active Trend: Rising

  • DS105 Layout: Analytical

    Dashboard UI

    Organizes indicators, controls and filters into a workspace

    Established Trend: Rising

  • DS106 Layout: Analytical

    Data-Dense UI

    Maximizes information per area without losing structure for experienced users

    Established Trend: Rising

  • DS107 Layout: Analytical

    Dense Enterprise UI

    Long flows and granular controls for operational work

    Established Trend: Rising

  • DS108 Layout: Analytical

    Operational Console

    Admin panel with states, incidents and controlled actions

    Established Trend: Rising

  • DS109 Layout: Analytical

    Command Center UI

    Consolidated view that prioritizes alerts and response

    Established Trend: Rising

  • DS110 Layout: Analytical

    Mission Control UI

    Composition of an overview plus simultaneous operational panels

    Established Trend: Rising

  • DS111 Layout: Analytical

    Trading Terminal UI

    High density of prices, charts and orders with low latency

    Established Trend: Rising

  • DS112 Layout: Analytical

    Scientific Instrument UI

    Interface centered on measurements, uncertainty and calibration

    Established Trend: Rising

  • DS113 Layout: Critical

    Medical Clinical UI

    Interface for clinical reading and high-risk actions

    Established Trend: Rising

  • DS114 Layout: Essential Service

    Public Service UI

    Forms and navigation oriented to inclusion and clarity

    Established Trend: Rising

  • DS115 Layout: Operations

    POS / Kiosk UI

    Fast, high-contrast touch interface for counters and kiosks

    Established Trend: Rising

  • DS116 Layout: Responsive

    Mobile-First UI

    Hierarchy designed first for mobile space and interaction

    Established Trend: Rising

  • DS117 Layout: Responsive

    Desktop-First UI

    Prioritizes wide screens and multiple panels

    Established Trend: Rising

  • DS118 Layout: Responsive

    Responsive Grid UI

    Grid layout that changes its columns based on available space

    Established Trend: Rising

  • DS119 Layout: Responsive

    Fluid Layout

    Spacing and sizes vary continuously with the viewport

    Established Trend: Rising

  • DS120 Layout: Modular

    Bento Grid

    Heterogeneous cards arranged in a grid like a bento box

    Active Trend: Rising

  • DS121 Layout: Modular

    Card-Based UI

    Content split into self-contained, repeatable units

    Established Trend: Rising

  • DS122 Layout: Modular

    Modular Grid

    System of interchangeable blocks within a stable grid

    Established Trend: Rising

  • DS123 Layout: Modular

    Masonry Layout

    Cards of varied heights fitted together vertically

    Established Trend: Steady

  • DS124 Layout: Editorial

    Magazine Layout

    Hierarchical organization of headlines, text and images

    Established Trend: Rising

  • DS125 Layout: Editorial

    Newspaper Layout

    Dense composition in news-style reading columns

    Established Trend: Steady

  • DS126 Layout: Composition

    Split-Screen Layout

    Two main regions set proposals, images or functions against each other

    Established Trend: Steady

  • DS127 Layout: Composition

    Asymmetric Layout

    Distributes unequal visual weights to create rhythm

    Active Trend: Steady

  • DS128 Layout: Composition

    Symmetric Layout

    Arranges elements in predictable bilateral balance

    Established Trend: Rising

  • DS129 Layout: Reading

    Single-Column Editorial

    Vertical flow of controlled width for long text

    Established Trend: Rising

  • DS130 Layout: Scanning

    Z-Pattern Layout

    Arranges the main cues along an approximate Z-shaped visual path

    Descriptive label Trend: Steady

  • DS131 Layout: Scanning

    F-Pattern Layout

    Structures text content for horizontal and vertical scanning

    Descriptive label Trend: Steady

  • DS132 Layout: Landing

    Hero-Centric Layout

    The first screen is dominated by one main message or visual

    Established Trend: Rising

  • DS133 Layout: Immersion

    Full-Bleed Layout

    Media fills the full width or viewport area

    Active Trend: Steady

  • DS134 Layout: Narrative

    Immersive Scrollytelling

    The story is revealed by scroll progress and scene changes

    Active Trend: Steady

  • DS135 Layout: Narrative

    Long-Form Storytelling

    Long content split into chapters, data and images

    Established Trend: Rising

  • DS136 Layout: Navigation

    One-Page Website

    The whole main experience fits in a sequence of sections

    Established Trend: Steady

  • DS137 Layout: Productivity

    Multi-Panel Workspace

    Adjacent windows and panels for compound tasks

    Established Trend: Rising

  • DS138 Layout: Productivity

    Master-Detail Layout

    A main list and a synchronized detail panel

    Established Trend: Rising

  • DS139 Layout: Productivity

    Kanban Board UI

    Items move through columns that represent states

    Established Trend: Rising

  • DS140 Layout: Productivity

    Timeline-Centric UI

    A timeline is the organizing axis of the information

    Established Trend: Rising

  • DS141 Layout: Two-Dimensional Spatial

    Canvas-First UI

    A free, manipulable area is the main object of work

    Established Trend: Rising

  • DS142 Layout: Two-Dimensional Spatial

    Infinite Canvas

    A surface without fixed limits for exploring and linking ideas

    Active Trend: Rising

  • DS143 Layout: Two-Dimensional Spatial

    Node-Based UI

    Operations modeled as a graph of nodes and connections

    Established Trend: Rising

  • DS144 Layout: Two-Dimensional Spatial

    Spatial Dashboard

    Indicators are placed on maps or operation sites

    Active Trend: Steady

  • DS145 Layout: Geospatial

    Map-First UI

    The map is the main surface for exploring and filtering

    Established Trend: Rising

  • DS146 Layout: Data

    Table-First UI

    The table is the primary tool for finding and editing records

    Established Trend: Rising

  • DS147 Layout: Data

    Form-First UI

    Experience centered on capturing structured information

    Established Trend: Rising

  • DS148 Layout: Guided Flow

    Wizard UI

    A process is split into steps with explicit progress

    Established Trend: Rising

  • DS149 Interaction principle: Revelation

    Progressive Disclosure

    Shows essential actions first and reveals advanced features on demand

    Established Trend: Rising

  • DS150 Interaction principle: Focus

    Content-First UI

    Prioritizes content and keeps interface chrome discreet

    Established Trend: Rising

  • DS151 Interaction principle: Focus

    Task-First UI

    Arranges components around the user's main tasks

    Established Trend: Rising

  • DS152 Interaction principle: Focus

    Action-Oriented UI

    Explicit priority on next steps and actionable states

    Established Trend: Rising

  • DS153 Interaction principle: Focus

    Radical Simplicity

    Aggressive reduction of the number of visible choices

    Active Trend: Steady

  • DS154 Interaction principle: Inclusion

    Accessible-First Design

    Plans for motor, visual and cognitive needs from the start

    Established Trend: Rising

  • DS155 Interaction principle: Inclusion

    Inclusive Design

    Designs for contextual diversity and access barriers

    Established Trend: Rising

  • DS156 Interaction principle: Inclusion

    Universal Design

    Aims for services usable by as many people as possible

    Established Trend: Rising

  • DS157 Interaction principle: Inclusion

    Cognitive-Friendly UI

    Reduces working memory load and navigation ambiguity

    Established Trend: Rising

  • DS158 Interaction principle: Inclusion

    Neuroinclusive UI

    Offers flexible conditions of use for different sensory and cognitive profiles

    Emerging Trend: Rising

  • DS159 Interaction principle: Inclusion

    Low-Stimulation UI

    Minimizes unnecessary animation, notifications and saturation

    Active Trend: Rising

  • DS160 Interaction principle: Inclusion

    Dyslexia-Friendly UI

    Prioritizes readability, text flexibility and clear structure

    Descriptive label Trend: Rising

  • DS161 Interaction principle: Inclusion

    Senior-Friendly UI

    Perceivable, unhurried controls based on usage needs and not on age alone

    Active Trend: Rising

  • DS162 Interaction principle: Specific Audience

    Kids UI

    Interaction accessible to children's repertoire with adult support

    Active Trend: Rising in some contexts

  • DS163 Interaction principle: Safe Operation

    Safety-Critical UI

    Designed to reduce ambiguity where consequences are significant

    Established Trend: Rising

  • DS164 Interaction principle: Trust

    Trust-Centered UI

    Makes consequences, costs and system state transparent

    Active Trend: Rising

  • DS165 Interaction principle: Trust

    Privacy-First UI

    Patterns that make consent and data control understandable

    Established Trend: Rising

  • DS166 Interaction principle: Trust

    Ethical Design

    Avoids manipulation and makes choices symmetric where appropriate

    Established Trend: Rising

  • DS167 Interaction pattern: Language

    Conversational UI

    Interface based on text dialogue with a system or assistant

    Established Trend: Rising

  • DS168 Interaction pattern: Language

    Chat-First UI

    Chat is the main way to execute tasks and navigate

    Active Trend: Rising

  • DS169 Interaction pattern: Commands

    Command Palette UI

    Universal search of commands executable by keyboard or touch

    Established Trend: Rising

  • DS170 Interaction pattern: Commands

    Keyboard-First UI

    Operations optimized for shortcuts and keyboard navigation

    Established Trend: Rising

  • DS171 Interaction pattern: Gestures

    Gesture-First UI

    Swipes, pinches and drags dominate the controls

    Active Trend: Rising in some contexts

  • DS172 Interaction pattern: Voice

    Voice-First UI

    Tasks are expressed and confirmed by voice

    Active Trend: Rising in some contexts

  • DS173 Interaction pattern: Multiple Channels

    Multimodal UI

    Combines text, touch, voice, image and other equivalent channels

    Active Trend: Rising

  • DS174 Interaction pattern: Manipulation

    Direct Manipulation UI

    The user manipulates visual objects with immediate feedback

    Established Trend: Rising

  • DS175 Interaction pattern: Manipulation

    Drag-and-Drop UI

    Objects are transferred by dragging

    Established Trend: Rising

  • DS176 Interaction pattern: Feedback

    Microinteractions

    Short feedback to confirm state, consequence or progress

    Established Trend: Rising

  • DS177 Interaction pattern: Motion

    Meaningful Motion

    Animations explain transitions and spatial relationships

    Active Trend: Rising

  • DS178 Interaction pattern: Motion

    Kinetic Typography

    Type moves to communicate narrative or rhythm

    Active Trend: Steady

  • DS179 Interaction pattern: Motion

    Scroll-Triggered Animation

    Elements appear or transform with the scroll position

    Active Trend: Steady

  • DS180 Interaction pattern: Motion

    Parallax UI

    Layers move at different speeds to create depth

    Active Trend: Declining

  • DS181 Interaction pattern: Motion

    Motion-Heavy UI

    Heavy use of transitions and staged effects

    Niche Trend: Niche

  • DS182 Interaction pattern: Motion

    Motion-Light UI

    Discreet transitions that favor stability

    Active Trend: Rising

  • DS183 Interaction pattern: Motion

    Spring-Based Motion

    Motion simulated by springs for naturalness and continuity

    Active Trend: Steady

  • DS184 Interaction pattern: Motion

    Shared-Element Transition

    An element keeps its identity while moving between screens

    Active Trend: Steady

  • DS185 Interaction pattern: Web Motion

    View Transitions UI

    Transitions between states or pages without losing visual continuity

    Active Trend: Rising

  • DS186 Interaction pattern: Data

    Animated Data Visualization

    Charts use motion to highlight meaningful changes

    Active Trend: Steady

  • DS187 Interaction pattern: States

    Real-Time UI

    Data and controls react to events with frequent updates

    Established Trend: Rising

  • DS188 Interaction pattern: States

    Optimistic UI

    Immediate local update before remote confirmation

    Established Trend: Rising

  • DS189 Interaction pattern: States

    Offline-First UI

    The experience continues without a network and reports sync and conflicts

    Active Trend: Rising

  • DS190 Interaction pattern: Collaboration

    Collaborative UI

    Simultaneous editing with presence and attribution of actions

    Established Trend: Rising

  • DS191 Interaction pattern: Collaboration

    Presence-Aware UI

    Signals showing who is present and which element they are working on

    Established Trend: Rising

  • DS192 Interaction pattern: Engagement

    Gamified UI

    Game elements applied to progression, feedback and challenge

    Active Trend: Steady

  • DS193 Interaction pattern: Engagement

    Playful UI

    Humorous microcopy, art and interactions without full game mechanics

    Active Trend: Rising in some contexts

  • DS194 Interaction principle: Emotion

    Emotion-Driven UI

    Color, shape, motion and language aimed at a desired affective state

    Active Trend: Rising in some contexts

  • DS195 Design system: Platform

    Material Design 2

    Google system based on surfaces, elevation and reusable components

    Established Trend: Steady

  • DS196 Design system: Platform

    Material You

    Material 3 system oriented to dynamic color and component personalization

    Established Trend: Rising

  • DS197 Design system: Platform

    Material 3 Expressive

    Evolution of Material emphasizing shape, scale, emotion and hierarchy

    Established Trend: Rising

  • DS198 Design system: Platform

    Fluent Design

    Microsoft language of depth, motion, light and desktop components

    Established Trend: Rising in some contexts

  • DS199 Design system: Platform

    Apple Human Interface Style

    Apple conventions for native hierarchy, controls and navigation

    Established Trend: Rising

  • DS200 Design system: Platform

    Carbon Design System

    IBM design system for enterprise applications and complex data

    Established Trend: Rising

  • DS201 Design system: Platform

    Ant Design

    Component library and visual language for dense enterprise applications

    Established Trend: Rising

  • DS202 Design system: Platform

    Polaris Design System

    Product language for commerce and administrative flows

    Established Trend: Rising in some contexts

  • DS203 Design system: Platform

    Lightning Design System

    Salesforce system oriented to CRM and enterprise applications

    Established Trend: Rising in some contexts

  • DS204 Aesthetic: Developer Ecosystem

    Shadcn-Style UI

    Style associated with composable headless components and neutral bases

    Active Trend: Rising

  • DS205 Aesthetic: Developer Ecosystem

    Vercel-Style Minimalism

    Neutral technical interface with strong typography and monochrome contrast

    Descriptive label Trend: Rising

  • DS206 Aesthetic: Developer Ecosystem

    Linear-Style UI

    Reference to elegant density, dark mode and interaction precision

    Descriptive label Trend: Rising

  • DS207 Aesthetic: Developer Ecosystem

    Notion-Style UI

    Modular editorial pages with discreet menus and blocks

    Descriptive label Trend: Rising

  • DS208 Aesthetic: Developer Ecosystem

    Figma-Style Workspace

    Workspace with a canvas and precise tool panels

    Descriptive label Trend: Rising

  • DS209 Aesthetic: Developer Ecosystem

    Stripe-Style Editorial Tech

    Mixes product storytelling, precise grids and brand gradients

    Descriptive label Trend: Steady

  • DS210 Aesthetic: Digital Ecosystem

    Web3 Aesthetic

    Mix of gradients, 3D spheres, crypto language and digital communities

    Niche Trend: Uncertain

  • DS211 Aesthetic: Sector

    Fintech Minimalism

    Serene, structured composition for financial operations

    Active Trend: Rising

  • DS212 Aesthetic: Sector

    Healthtech Humanism

    Health UI with a welcoming tone and unambiguous reading

    Active Trend: Rising

  • DS213 Aesthetic: Sector

    Edtech Playfulness

    Educational environment with visual reinforcement and legible progression

    Active Trend: Rising

  • DS214 Aesthetic: Sector

    Ecommerce Conversion UI

    Visual architecture aimed at product comparison and checkout

    Established Trend: Rising

  • DS215 Aesthetic: Sector

    Luxury Ecommerce UI

    Shopping experience with premium editorial and a carefully curated catalog

    Active Trend: Rising in some contexts

  • DS216 Aesthetic: Sector

    Gaming HUD

    Real-time overlay of resources and objectives in a game

    Established Trend: Rising in some contexts

  • DS217 Aesthetic: Technological Fiction

    Sci-Fi HUD

    Fictional conventions of holographic panels and distributed data

    Active Trend: Niche

  • DS218 Interaction pattern: Games

    Diegetic UI

    The interface exists as an object inside the narrative world

    Established Trend: Steady

  • DS219 Interaction pattern: Games

    Non-Diegetic UI

    Information layer independent of the fictional world

    Established Trend: Rising in some contexts

  • DS220 Aesthetic: Spatial

    AR Overlay UI

    Digital information anchored to objects or physical space

    Active Trend: Rising in some contexts

  • DS221 Aesthetic: Spatial

    VR Immersive UI

    Three-dimensional interface in an immersive environment

    Active Trend: Steady

  • DS222 Aesthetic: Spatial

    Spatial UI

    Distributes information and interaction in a three-dimensional environment

    Active Trend: Rising in some contexts

  • DS223 Aesthetic: Spatial

    Skeuomorphic Spatial UI

    Control objects simulate physical properties in 3D

    Experimental Trend: Steady

  • DS224 Interaction pattern: Ubiquitous

    Ambient UI

    Peripheral information presented without interrupting the task

    Active Trend: Rising in some contexts

  • DS225 Interaction pattern: Ubiquitous

    Ambient Computing UI

    The interface emerges in the environment instead of staying on an isolated screen

    Active Trend: Rising in some contexts

  • DS226 Interaction pattern: Ubiquitous

    Zero UI

    Reduces explicit visual interface in favor of voice and contextual automation

    Conceptual Trend: Steady

  • DS227 Interaction pattern: Ubiquitous

    Invisible UI

    Interaction embedded in the user's flow without requiring prominent commands

    Conceptual Trend: Steady

  • DS228 Interaction pattern: Multimodal

    Voice + Visual Companion UI

    Speech channel combined with a screen for checking state

    Active Trend: Rising

  • DS229 Future / AI: Agents

    Agentic UI

    Interfaces for delegating tasks to agents, following execution and intervening

    Emerging Trend: Potential

  • DS230 Future / AI: Runtime Composition

    Generative UI

    The UI is assembled or transformed for the task from context and intent

    Emerging Trend: Potential

  • DS231 Future / AI: Personalization

    Adaptive UI

    The interface changes according to context or a controlled preference

    Emerging Trend: Potential

  • DS232 Future / AI: Personalization

    Context-Aware UI

    Actions and information change according to environment, step or device

    Emerging Trend: Potential

  • DS233 Future / AI: Goal

    Intent-Based UI

    The user states an intent and the application chooses tools and sequence

    Emerging Trend: Potential

  • DS234 Future / AI: Goal

    Outcome-Oriented UI

    Interface prioritizes verifiable results, not only commands

    Emerging Trend: Potential

  • DS235 Future / AI: Dynamic Composition

    Self-Evolving UI

    The system proposes or creates features and reorganizes surfaces during use

    Experimental Trend: Uncertain

  • DS236 Future / AI: Governance

    Human-in-the-Loop UI

    Automated actions require human review checkpoints

    Emerging Trend: Rising

  • DS237 Future / AI: Governance

    Explainable AI UI

    Exposes the factors behind model recommendations and decisions

    Emerging Trend: Rising

  • DS238 Future / AI: Governance

    Provenance-First UI

    Shows the origin, transformation and reliability of displayed data

    Emerging Trend: Rising

  • DS239 Future / AI: Governance

    Confidence-Aware UI

    Represents the uncertainty of AI estimates and results

    Emerging Trend: Rising

  • DS240 Future / AI: Assistance

    AI Copilot UI

    A contextual assistant works alongside the application's main flow

    Active Trend: Rising

  • DS241 Future / AI: Assistance

    Copilot-as-Sidecar

    Auxiliary AI panel attached to an existing application

    Active Trend: Rising

  • DS242 Future / AI: Governance

    Agent Control Plane UI

    Console for agent identities, policies, runs and costs

    Emerging Trend: Potential

  • DS243 Future / AI: Coordination

    Multi-Agent Workspace

    Several agents with roles and shared state in one space

    Experimental Trend: Potential

  • DS244 Future / AI: Execution

    Plan-and-Execute UI

    Separates an approved plan from traceable actions in the system

    Emerging Trend: Rising

  • DS245 Future / AI: Review

    Diff-First AI UI

    Changes proposed by agents appear as reviewable differences

    Emerging Trend: Rising

  • DS246 Future / AI: Simulation

    Simulation-First UI

    Lets users test the effects of an action before running it

    Emerging Trend: Rising

  • DS247 Future / AI: Simulation

    Digital Twin UI

    Digital representation of equipment or a process linked to real states

    Emerging Trend: Rising in some contexts

  • DS248 Future / AI: Personalization

    Adaptive Density UI

    Density adjusted to expertise, screen size and task

    Emerging Trend: Rising

  • DS249 Future / AI: Personalization

    Preference-Aware UI

    Visual language responds to the individual's explicit preferences

    Emerging Trend: Rising

  • DS250 Future / AI: Inclusion

    Accessible Adaptive UI

    Adapts access and presentation to declared functional needs

    Emerging Trend: Rising

  • DS251 Future / AI: Dynamic Composition

    Multimodal Generative UI

    Combines on-demand interface with voice, charts, forms and documents

    Emerging Trend: Potential

  • DS252 Future / AI: Dynamic Composition

    Ephemeral UI

    Temporary components appear only during the task window

    Experimental Trend: Uncertain

  • DS253 Future / AI: Interaction Model

    Object-Centric UI

    Work is organized into entities with their own actions and context

    Emerging Trend: Rising

  • DS254 Future / AI: Interaction Model

    Knowledge Graph UI

    Shows relations between entities, evidence and processes

    Active Trend: Rising in some contexts

  • DS255 Future / AI: Interaction Model

    Semantic UI

    Interface derives labels and actions from semantic data types

    Conceptual Trend: Potential

  • DS256 Future / AI: Architecture

    Model-Driven UI

    Generation of forms, states and components from data models

    Emerging Trend: Rising

  • DS257 Future / AI: Architecture

    Schema-Driven UI

    Declarative rendering of interfaces based on typed contracts

    Active Trend: Rising

  • DS258 Future / AI: Architecture

    Composable UI

    Experience composed of interoperable, reorderable modules

    Active Trend: Rising

  • DS259 Future / AI: Architecture

    Plugin-Driven Workspace

    Features arrive as extensions on the same surface

    Active Trend: Rising

  • DS260 Future / AI: Metaproduct

    Personal Operating System UI

    Unified space for personal data, automations and applications

    Conceptual Trend: Uncertain

  • DS261 Future / AI: Metaproduct

    Business Operating System UI

    Work layer unifies operations, business objects and applications

    Conceptual Trend: Potential

  • DS262 Future / AI: Ubiquitous Agents

    Ambient Agent UI

    Agent follows context and suggests actions without needing an always-open panel

    Experimental Trend: Uncertain

  • DS263 Future / AI: Ubiquitous Agents

    Proactive UI

    Interface anticipates needs with timely suggestions

    Emerging Trend: Rising

  • DS264 Future / AI: Ubiquitous Agents

    Predictive UI

    Predicts the next action or needed data and reduces steps

    Active Trend: Rising

  • DS265 Future / AI: Ubiquitous Agents

    Zero-Click Workflows

    Automates simple actions without explicit interaction at each step

    Experimental Trend: Uncertain

  • DS266 Future / AI: Spatial

    Reality-Aware UI

    Interface observes the physical context to guide spatial actions

    Experimental Trend: Rising in some contexts

  • DS267 Future / AI: Spatial

    Embodied UI

    Interaction based on body, movement and physical manipulation

    Experimental Trend: Uncertain

  • DS268 Future / AI: Spatial

    World-Anchored UI

    UI objects stay persistently anchored to real locations

    Emerging Trend: Steady

  • DS269 Future / AI: Spatial

    Post-Screen UI

    Interaction concept that goes beyond a single traditional display

    Conceptual Trend: Uncertain