Ein Vokabular für alles,
was Tour Online baut.
Amaryllis bündelt Typografie, Farbsystem, Komponenten und Patterns für DIRS21 und alle Schwesterprodukte. Ein kondensierter Plakat-Font, eine Akzentfarbe pro Seite, editorial-klare Schwarz-Weiß-Basis.
So ist der Guide organisiert.
Die gleiche Gliederung wie in Claude Design. Wer hier sucht, findet dort wieder — und umgekehrt.
Tokens, Farben, Typografie
Neue DIN Variable, die Akzent-Familie und der Band-Rhythmus — die Primitives, auf denen alle Amaryllis-Interfaces stehen.
Öffnen → ComponentsKapselung statt Kopie
Topbar, Alert-Strip, Button, Card, Tag, Recs — als Astro-Komponenten, die jede Seite gleich aufbaut.
Öffnen → BrandStimme, Logo, Wordmark
Wie Tour Online klingt, schreibt und signiert. Plakat-Typografie ohne Marketing-Balast.
Öffnen → ResourcesClaude Design, Figma, Downloads
Das System ist an Claude Design angebunden. Figma-Library und Asset-Download folgen.
Öffnen →Wenige Regeln, konsequent.
- Editorial statt dekorativ.
Zeitungsklarheit schlägt Material-Tiefe. Keine Drop-Shadows, keine rounded Corners, kein Glassmorphism. Typografie und Weißraum tragen die Hierarchie.
- Eine Akzentfarbe pro Seite.
Egal ob Gelb, Cyan, Mint oder Grün — eine Farbe übernimmt alle Akzentrollen (Marker, Button, Section-BG, Nav). Niemals zwei mischen.
- Ein Font, alle Tonhöhen.
Neue DIN Variable liefert Plakat-Headlines (kondensiert
wdth 78–90) und normalen Fließtext (wdth 100) aus einer Datei. - Ink statt Black, Paper statt White.
#242424und#FFFFFFmit Mist-Band#FAFAFAals zweitem Atem. Reine Extremwerte sind uns zu grell. - DRY auch auf HTML-Ebene.
Topbar, Footer, Alert-Strip, Buttons, Karten — jede Komponente lebt an genau einer Stelle im Repo. Keine copy-paste. Jede Seite importiert, nichts wird dupliziert.
Dein KI-Partner kennt dieses System.
Amaryllis ist mit claude.ai/design verbunden. Wer im Chat neue Screens, Slides oder Mockups generiert, bekommt automatisch das Amaryllis-Vokabular — Tokens, Komponenten, Voice.