Begleitbegriffe
Nützliche Begriffe, die die Stilprüfung nicht bestehen, bleiben hier mit genauer Begründung erhalten und zählen nicht als Stil.
Responsive Web Design
レスポンシブ・ウェブデザイン / Methode
A method for recomposing one document through fluid grids, flexible images and media queries instead of building a separate page for every screen. Ethan Marcotte named it in 2010, shifting the web away from fixed-width layouts.
- Warum dies kein Stil ist
- A method for adapting one document to different widths; it does not determine a recognisable appearance.
- Quelle
- A List Apart — Responsive Web Design (Ethan Marcotte)
- Nahe Stile
- Swiss / Bento Grid
Dark Mode
ダークモード / Modus
A system appearance that adapts the entire interface to low-light conditions. More than inversion, it redesigns background levels, semantic color, imagery, transparency and contrast for a dark ground.
- Warum dies kein Stil ist
- A color mode that can be applied to almost any visual language, not a visual language of its own.
- Quelle
- Apple Human Interface Guidelines — Dark Mode
- Nahe Stile
- Aqua / Solarized
VA.gov Design System
VA.govデザインシステム / System
A public-service system for U.S. veterans that turns complex benefits and health tasks into explicit steps, dependable forms and reusable content patterns.
- Warum dies kein Stil ist
- A service-specific public design system whose visible grammar does not separate cleanly enough from USWDS to stand as another style.
- Quelle
- VA.gov Design System
- Nahe Stile
- U.S. Web Design System / GOV.UK Design System
Base Web
Uber Base Web / System
Uber's Base Web provides dense, predictable interface primitives whose scale, overrides and accessibility support products from booking flows to internal tools.
- Warum dies kein Stil ist
- A component foundation designed to accept product themes; its default surface is not a distinct visual lineage.
- Quelle
- Base Web — React UI framework
- Nahe Stile
- GitHub Primer / Ant Design
Microsoft FAST
Microsoft FAST / System
Microsoft FAST separates standard Web Components, behavioral foundations and design tokens so organizations can build a system rather than inherit a fixed appearance.
- Warum dies kein Stil ist
- A foundation for building design systems that explicitly avoids fixing one appearance.
- Quelle
- Microsoft FAST — Creating a Component Library
- Nahe Stile
- Fluent 2 / design-tokens
Atomic Design
アトミックデザイン / Methode
A method for seeing interfaces at five scales—atoms, molecules, organisms, templates and pages—and moving between components and finished contexts as one system.
- Warum dies kein Stil ist
- A method for organizing components by scale; many unrelated styles can use it.
- Quelle
- Brad Frost — Atomic Design Methodology
- Nahe Stile
- design-tokens / Material Design
Design Tokens
デザイントークン / Methode
Design tokens give human-readable names to decisions such as color, spacing, type and motion so their meaning can travel across tools and platforms.
- Warum dies kein Stil ist
- A naming and data-exchange method for design decisions, not a visible result.
- Quelle
- Design Tokens Community Group
- Nahe Stile
- atomic-design / Adobe Spectrum
Progressive Enhancement
プログレッシブ・エンハンスメント / Methode
A web philosophy that delivers content and essential actions in HTML first, then adds CSS and JavaScript capabilities in independent layers.
- Warum dies kein Stil ist
- An implementation strategy for resilient delivery whose result may take any appearance.
- Quelle
- A List Apart — Understanding Progressive Enhancement
- Nahe Stile
- Web 1.0 / responsive-web-design
Mobile First
モバイルファースト / Methode
A method that decides content and function under the constraints of small screens, limited networks and touch, then progressively expands into more capable layouts.
- Warum dies kein Stil ist
- A prioritization and workflow principle rather than a repeatable visual grammar.
- Quelle
- Luke Wroblewski — Mobile First
- Nahe Stile
- responsive-web-design / Material Design
Inclusive Design
インクルーシブデザイン / Methode
Inclusive design treats disability as a mismatch between people and environments and designs with excluded people to widen the available ways of using a product.
- Warum dies kein Stil ist
- A participatory design process and ethical principle, compatible with many visual languages.
- Quelle
- Microsoft Inclusive Design
- Nahe Stile
- universal-design / GOV.UK Design System
Universal Design
ユニバーサルデザイン / Methode
Universal design aims for products and environments usable by as many people as possible without requiring a separate adaptation, guided by seven principles.
- Warum dies kein Stil ist
- A set of usability principles that does not by itself produce one identifiable look.
- Quelle
- NC State Center for Universal Design — The Principles of Universal Design
- Nahe Stile
- inclusive-design / Braille
Calm Technology
カーム・テクノロジー / Theorie
Calm technology keeps information at the periphery until it needs attention, using subtle changes of light, sound, movement or environment rather than constant interruption.
- Warum dies kein Stil ist
- An attention and interaction philosophy; its cues concern behavior more than a stable appearance.
- Quelle
- Mark Weiser and John Seely Brown — Designing Calm Technology
- Nahe Stile
- Minimalism / Skeleton Screen
Content Design
コンテンツデザイン / Methode
Content design starts from a user need and chooses the clearest structure, words and format to help someone complete it—not merely polishing copy at the end.
- Warum dies kein Stil ist
- A way of structuring language around user needs, not a visual style.
- Quelle
- GOV.UK — Understand content design
- Nahe Stile
- GOV.UK Design System / Single-Serving Site
Command Palette
コマンドパレット / UI-Muster
A searchable command surface that lets keyboard users invoke navigation and actions by name without traversing the visible menu hierarchy.
- Warum dies kein Stil ist
- A reusable interface pattern that can be rendered in any product style.
- Quelle
- Visual Studio Code — Command Palette
- Nahe Stile
- Acme / Terminal UI
Feed Interface
フィード・インターフェース / UI-Muster
A vertically continuous interface of independent posts or articles ordered by time or recommendation, with loading and position handled as part of navigation.
- Warum dies kein Stil ist
- A content-delivery pattern defined by sequence and loading, not by a distinct look.
- Quelle
- W3C WAI-ARIA APG — Feed Pattern
- Nahe Stile
- Skeleton Screen / Web 2.0 Gloss
Card UI
カードUI / UI-Muster
A card groups image, title, summary, status and action into a self-contained unit that can be reordered across widths without losing its meaning.
- Warum dies kein Stil ist
- A generic grouping pattern shared by otherwise unrelated visual systems.
- Quelle
- Google Material Design 3 — Cards
- Nahe Stile
- Bento Grid / Material Design
Masonry Layout
メイソンリー・レイアウト / UI-Muster
Masonry holds a consistent column width while packing items of different heights upward, preserving varied image ratios and reducing vertical gaps.
- Warum dies kein Stil ist
- A packing algorithm and layout pattern, not an independent style lineage.
- Quelle
- W3C CSS Grid Layout Module Level 3 — Masonry Layout
- Nahe Stile
- Bento Grid / responsive-web-design
Voice User Interface
音声ユーザーインターフェース / UI-Muster
A voice interface maps varied utterances to intents and slots, completing tasks through short responses, clarification and graceful recovery rather than a visible menu hierarchy.
- Warum dies kein Stil ist
- An interaction modality whose central grammar is spoken rather than visual.
- Quelle
- Amazon Alexa — Fundamentals of Voice Experience Design
- Nahe Stile
- Diegetic UI / visionOS Spatial Design
Conversational UI
会話型UI / UI-Muster
Conversational UI arranges questions, answers, choices, confirmation and repair as a sequence of turns in text, voice or both.
- Warum dies kein Stil ist
- A turn-taking interaction pattern that can inherit any visual language.
- Quelle
- Google — Conversation Design Quick Reference
- Nahe Stile
- voice-ui / Terminal UI
Metamodernism
メタモダニズム / Theorie
A contemporary sensibility that oscillates between modern hope and postmodern doubt, sincerity and irony, futurity and nostalgia without resolving the contradiction.
- Warum dies kein Stil ist
- A broad cultural theory of oscillation with no stable set of visual cues that reliably identifies a work.
- Quelle
- Notes on Metamodernism
- Nahe Stile
- Post-Modernism / The New Aesthetic