1.1 KiB
1.1 KiB
name, description
| name | description |
|---|---|
| corporate-dark-mode | Strict color scheme (#0B0F19 background, white text, |
Corporate Dark Mode & UI Guidelines
- Striktes Farbschema: Basis-Hintergrund: Edles Anthrazit/Schwarz (
#0B0F19), Haupttext: Reinweiß, Akzente & Highlights: Arktis-Blau (#38BDF8). Keine Ausnahmen. - 8pt-Grid-System: Nutze für Layouts, Paddings und Margins konsequent Tailwind-Abstände in 4er-/8er-Schritten (
p-4,p-8,gap-4,gap-8,space-y-4). - Visuelle Hierarchie & Scannbarkeit: Slogans groß und markant, Fließtext in cleanem Weiß/Grau. Halte die Zeilenlänge für optimale Lesbarkeit kurz (
max-w-xlbismax-w-2xl). - WCAG-Barrierefreiheit: Garantiere bei allen Text- und Hintergrund-Kombinationen ein Kontrastverhältnis von mindestens 4.5:1 für perfekte Lesbarkeit.
- Mobile-First-Responsive-Design: Plane Layouts immer zuerst einspaltig für Smartphones (
grid-cols-1) und skaliere sie am Desktop dynamisch (z. B.md:grid-cols-3).