Cita Design System
Cita Design-System: Layout & Style Uebersicht
Master-Uebersicht aller Cita Layout- und Style-Templates. Click-Through zu 11 Collections + 22 Demo-Articles, 13 Detail-Layouts.
Cita Design-System Test-Uebersicht
Alle 22 Demo-Articles + 13 Detail-Layouts + 11 logische Layout-Gruppen in einer Sammlung. Direkt navigierbar von /cita-design-system.
22 Demo-Articles13 Detail-Layouts11 Logische Gruppen6 Akzentfarben8 Icons
11 logische Gruppen (Layout-Template-Demos)
Articles thematisch gruppiert nach dem Layout-Template das sie demonstrieren. Alle URLs liegen unter /cita-design-system/...
NEW
Grid
layout_template-Variante
Articles (3):
- Standard [Update]
- Title-First [Special]
- Standard 2 [Update]
GIF
Cards
layout_template-Variante
Articles (3):
- Minimal [News]
- About [News]
- Title-First [News]
LIG
Compact
layout_template-Variante
Articles (1):
- FAQ [Tipp]
MEG
Ranking
layout_template-Variante
Articles (1):
- Profile [News]
CAL
Gallery
layout_template-Variante
Articles (2):
- HTML-Override [Special]
- Standard [Tipp]
NEW
Profiles
layout_template-Variante
Articles (1):
- Auth [News]
SPA
Homepage
layout_template-Variante
Articles (2):
- Landing [News]
- Title-First [Special]
13 Detail-Layouts (Direkt-URLs)
Pro layout_template-Option ein Demo-Article unter neuer Konsolidierungs-URL.
| Layout | Beschreibung | URL |
|---|---|---|
| Standard | Zentrierter Titel + Intro + Body + CTA | /cita-design-system/demo-standard-update |
| Title-First | Dominanter Titel | /cita-design-system/demo-title-first-special |
| Changelog | Version-Tag + Add/Fix/Change-Liste | /cita-design-system/demo-changelog-platform |
| Landing | Hero + Multi-Section + Multi-CTA | /cita-design-system/demo-landing-release |
| Minimal | Titel + 1-2 Saetze | /cita-design-system/demo-minimal-status |
| Detail | Meta-Sidebar + tiefer-Dive | /cita-design-system/demo-detail-tipp |
| Profile | Person-Card mit Bio | /cita-design-system/demo-profile-frida |
| FAQ | Q&A-Liste | /cita-design-system/demo-faq-stornos |
| Contact | Adressblock + Kontakt | /cita-design-system/demo-contact-support |
| About | Story-Telling + Sektionen | /cita-design-system/demo-about-cita |
| CTA | Action-Button-fokussiert | /cita-design-system/demo-cta-organizer-pro |
| Auth | Login/Signup-Form | /cita-design-system/demo-auth-login-demo |
| HTML-Override | Vollstaendig custom HTML | /cita-design-system/demo-html-special |
Layout-Demo-Hülsen (leer)
Die ehemaligen test-* Collections existieren weiter aber sind leer (Articles wurden konsolidiert). URLs:
/test-grid · /test-featured · /test-timeline · /test-cards · /test-compact · /test-ranking · /test-gallery · /test-showcase · /test-profiles · /test-helpdesk · /test-homepageCTA-Styles (3)
6 Akzentfarben
cyan
purple
amber
green
red
blue
Icons (8): newspaper, rocket, sparkles, gift, lightbulb, megaphone, calendar, star
Niko-Test-Matrix (siehe reference_incident_status_comms_workflow.md). Mirror auf allen 3 Stages.
