Follow these guidelines for ALL UI-related work in this project.
| cta | Critical conversions | Signup, Join, Main FAB | | default | Main interactions | Login, Save, Submit | | outline | Supporting actions | Drafts, Cancel | | ghost | Subtle actions | Edit, Navigation, Logout | | destructive | Dangerous actions | Delete (red ghost style) |
| reading-shadow | Adaptive shadow (light/dark) | | reading-hover | Subtle accent highlight on hover | | reading-focus | Focus ring (2px accent) | | text-reading | Optimized reading (line-height 1.7) | | nav-selected | Navigation selection state | | active-scale | Press feedback (scale 0.99) |
Designsystem für die Daily Writing Friends-App. MUSS bei JEGLICHEN UI-Arbeiten verwendet werden, einschließlich Komponenten, Seiten, Schaltflächen, Formularen, Stil, Tailwind CSS, Dunkelmodus, Themen, Layouts, Karten, Eingaben oder visuellen Änderungen. Gewährleistet konsistente Design-Tokens, Schaltflächenhierarchie und Barrierefreiheit. Quelle: bumgeunsong/daily-writing-friends.