Inhalt — UI Elements

Pill-Banner über einer Überschrift (Beispiel: Neu · Version 2 ist da): Markierung links, Text, optionaler Pfeil — als Link oder statisch

Natives Audio-Element mit Browser-Steuerung und optionaler Unterschrift — unsichere Quellen zeigen den Platzhalter

Bild oder Initialen einer Person mit optionalem Status

Überlappende Avatare mit „+n“-Rest — Teams, Zuweisungen, Teilnehmerlisten

Bild mit URL-Whitelist, Seitenverhältnis und Platzhalter-Fallback bei unsicherer Quelle

Kuratiertes Inline-SVG-Icon-Set (Whitelist) — Größen über icon-Tokens, Farbe über currentColor/Ton

Icon auf getönter runder/eckiger Fläche (Untitled-UI-Muster Featured Icon) — Töne aus Status-/Primary-Tokens per color-mix abgeleitet

Textlink mit URL-Whitelist — echte href-Navigation bleibt immer die Rückfallebene

Universelle Listen-Zeile: Icon/Avatar-Fläche, Titel + Untertitel, Meta rechts, optionaler Chevron — Grundbaustein für Listen, Suchergebnisse, Auswahllisten

Serverseitig generierter QR-Code (SVG) — Belege, Zahlungs-Links, Geräte-Kopplung. Die Nutzdaten fließen nur ENCODIERT ein, nie als Markup

Relative Zeitangabe („vor 3 Minuten“, „in 2 Tagen“) als natives time-Element mit absolutem Titel — serverseitig berechnet, now-Prop hält Demos deterministisch

Sanitisierter Rich-Text: Fliesstext-Semantik (h3-h6, Listen, Tabellen, mark/kbd/sub/sup/abbr/time, dl, figure) + Ton-Spans aus festem Vorrat (data-tone)

Tastenkürzel-Anzeige — „Strg+K" wird zu einzelnen Tasten-Kappen mit + dazwischen

Fließtext-Absatz mit Ton und Größe

Horizontale Trennlinie, optional mit zentriertem Beschriftungstext

Überschrift der Ebenen 1–6 (anchor-Prop als Sprungziel für Inhaltsverzeichnisse)