Designsystem

Styleguide

Lebende Dokumentation aller Primitives. Farben, Radien, Schatten und Typografie kommen ausschließlich aus tokens.css.

Tokens

Semantische Farben als Flächen — hell/dunkel über den Schalter oben rechts.

bg-background
bg-card
bg-muted
bg-accent
bg-primary
bg-verify-ok
bg-verify-warn
bg-verify-fail

Typografie

Editorial Headline — tracking-tight
Section-Titel

Fließtext auf max-w-measure: ruhige Zeilenlänge, leading-relaxed, keine Ausrufezeichen.

Kicker · mono · uppercase

Status und Prüfungen

GeprüftTeilgeprüftBlockiertNicht belegtOhne Prüfung
OffenAufgenommenZurückgewiesenDoppelt
Quelle erreichbar· bestandenIn der Quelle belegt· gescheitertIm Themenfeld· übersprungennota· bad-monitor-meiretoth· sharedDesigner-Kooperation

ArtifactCard

Duravit
nota
Aurena
Kategorie sanitary ceramicsDesign Antonio CitterioDatum 2024-05-15

Ceramic console with integrated dividers and storage; HygieneGlazePlus surface.

Geprüft·designer collaboration · material innovation
enkimagazine.comDuravit's Aurena series
Duravit
nota· bad-monitor-meire
Meta SlimEingestellt
Kategorie sanitary ceramicsDesign Antonio CitterioDatum 2024-05-15

Ceramic console with integrated dividers and storage; HygieneGlazePlus surface.

Blockiert·designer collaboration · material innovation
enkimagazine.comDuravit's Aurena series15.05.2024

SourceReference

enkimagazine.comDuravit's Aurena series15.05.2024

KPI, Segmented, States

Signale
Zurückgewiesen
mit Grund
Duplikate
Kandidaten
Leer

Nichts zu zeigen.

Daten nicht erreichbar

Beispielfehler — läuft die NOTA-API (`nota api`)?

VerificationTimeline & CurationNotes

  1. Quelle erreichbar· bestanden09.09., 10:00

    https://enkimagazine.com/duravit-aurena-series/

  2. In der Quelle belegt· bestanden09.09., 10:00claude-haiku-4-5

    Quelle belegt Marke, Produkt und Neuerung.

  3. Kein Doppel· gescheitert09.09., 10:00

    gleiche Marke + Produkt

Kolja09.09., 10:10

Aurena ist 2024 — Baseline-Report, kein Launch dieser Woche.

DataTable

MarkeSignale
Duravit3
LAUFEN4

Bewegung

Tokens und Effekte aus motion.css nach transitions.dev: nur transform, opacity und leichte Unschärfe; jede Klasse mit Schutz für „weniger Bewegung“.

t-modal · t-backdrop · Dialog wächst aus der Mitte (0.96 → 1), schließt schneller als er öffnet.
t-popup · t-tooltip · Menü wächst aus dem Auslöser; Tooltip mit 80 ms Verzögerung, sofort weg.
Aus
t-toggle · Knopf schwingt über das Ziel hinaus und setzt sich; nie beim Laden.
t-icon-swap · Beide Icons im selben Feld; das weichende geht mit Blur und Scale.
Gate prüft gerade …
t-text-swap · t-shimmer · Text hebt sich mit Blur heraus, der neue steigt nach; Schimmer für laufende Zustände.
t-digit · Ziffern blenden einzeln von unten ein, die letzten zwei versetzt.
t-shake · Vier Segmente mit eigener Kurve; nur bei einem neuen Fehler, nie beim Laden.
Quelle erreichbar· bestandenIn der Quelle belegt· bestandenIm Themenfeld· gescheitert
t-success-check · t-reveal · t-stagger · Haken zeichnet sich; Inhalt erscheint aus der Unschärfe; Zeilen steigen versetzt.

Signale entstehen, wenn eine Quelle erreichbar ist, der Beleg trägt und das Thema passt.

t-matrix · t-stream-w · Punktmatrix als leiser Lader; Wörter lösen sich nacheinander auf.

KnowledgeGraphControls

Controls existieren, der Renderer kommt mit dem Analyse-Layer (Phase 3).

Ebenen
{
 "layers": [
  {
   "key": "brands",
   "label": "Marken",
   "active": true
  },
  {
   "key": "categories",
   "label": "Kategorien",
   "active": true
  },
  {
   "key": "designers",
   "label": "Designer",
   "active": false
  },
  {
   "key": "trends",
   "label": "Trends",
   "active": false
  }
 ],
 "depth": 2,
 "timeframe": "90d",
 "brand": "",
 "category": ""
}