AURENA.
@aurena/ui · Ticket W2.6

Das Designsystem

Herausgelöst aus dem E-Bike-Dashboard und dem E-Bike-Tiefenreport. Kein Framework, keine Chart-Bibliothek, kein Webfont-Abruf. Jede Farbe kommt aus einem Token — make tokens wird rot, wenn nicht.

Zurück
01

Farbtoken

Grundpalette 1:1 aus den Quellen. Der Schalter oben rechts dreht dieselben Token auf die Dunkelfassung — nichts hier ist doppelt gepflegt. „Schrift“ dreht dabei mit und wird hell; „Marken-Navy“ ist themenfest und bleibt, wo es ist.

Schrift--inkaurena.css --primary
Marken-Navy--navythemenfest
Aurena-Cyan--cyanaurena.css --accent
Cyan hell--cyan-2app.css --cyan2
Indigo--indigodeck --indigo
Gedämpft--mutedaurena.css --muted
Papier (Creme)--paperaurena.css --bg
Fläche--surfacedeck .cell
Grün--greenaurena.css --green
Amber--amberaurena.css --amber
Rot--redaurena.css --red
Violett--purpleaurena.css --purple
02

Ladeanimation

1:1 aus dem E-Bike-Dashboard: Marke mit cyanem Punkt, 250 px Schiene, 45 % breiter Läufer, 1,2 s hin und her. Themenfest navy — ein Ladeschirm, der im Dunkelmodus hell aufblitzt, wäre kein Dunkelmodus.

AURENA.
Geprüfte Daten werden geladen …
03

Anmeldeschale

Die Optik der Login-Seite, nicht ihre Logik. Passwort, Einmalcode und Passkey haben alle drei schon ihren Platz — W2.1/W2.2 hängt seine Verfahren an fertige Felder, statt das Layout ein zweites Mal zu bauen.

AURENA.
GESCHÜTZTER ZUGANG

Auction Performance Dashboard

Nur für autorisierte AURENA-Nutzer. Sitzungen werden serverseitig verwaltet.

Einmalcode
Wird nur verlangt, wenn die Rolle es fordert.
oder
Vorschau — die Anmeldung selbst kommt mit W2.1/W2.2.Bei Verbindungsausfall kann nach der ersten Anmeldung ein verschlüsselter Offline-Stand verwendet werden.
04

Karten

Bento-Raster mit Tick-Strich, Kennzahl und Mono-Beschriftung — Deck-Maße unverändert. Einzige Abweichung: die Folienposition weicht dem Flusslayout, damit dieselbe Kachel auf Hallen-iPad und 27-Zoll-Schirm funktioniert.

39
Auktionen
Jän–Jun
4.271
verkaufte Lots
von 4.417 (96,7 %)
33,3 %
Ø Marge brutto
netto 21,2 % (o. Gebühr)
1,9 %
No-Bid-Anteil
Nachfrage stark

Beispielzahlen aus dem E-Bike-Tiefenreport H1 2026 — hier nur, um die Kachel bei echter Zeichenlänge zu zeigen.

05

Die eine große Zahl

Der Money-Shot des Decks. Dort gilt: höchstens einer je Vortrag, mit Glimmpuls höchstens einer je Deck. Hier gilt dasselbe je Ansicht — drei leuchtende Zahlen sind keine wichtige Zahl mehr.

2,23 Mio €
Gross Profit brutto · H1 2026
06

Chartkarte

Von Hand gezeichnetes SVG, wie im Deck. Vier CSS-Klassen (Gitter, Nulllinie, Achsenschrift, Wertschrift) und ein <path> — das ist der ganze Grund, warum hier keine Chart-Bibliothek nötig ist.

Die Marge expandiert über das Halbjahr

Jän–Jun 2026 · Matched Pairs
011223445
Marge netto Marge brutto

Beispielkurve. In einem echten Dashboard steht hier, woher die Zahl kommt — eine Kennzahl ohne Herkunft ist eine Behauptung.

Der Hinweiskasten aus dem Deck. Er steht dort, wo eine Zahl einen Vorbehalt trägt — nicht als Dekoration.
07

Die neun globalen Zustände

Aus dem Messenger-Seitenplan (Issue #66) — aber keiner davon ist messengerspezifisch. Vier ersetzen den Inhalt, fünf stehen als Streifen darüber: wer nicht mehr senden darf, muss trotzdem sehen, was gesperrt ist.

Nur lesen

Diese Ansicht zeigt den Stand, lässt aber keine Änderung zu.

AURENA.
Geprüfte Daten werden geladen.

Noch keine Daten

Für die aktuelle Auswahl liegt nichts vor. Andere Einschränkung wählen oder Zeitraum erweitern.