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) |
Système de conception pour l'application Daily Writing Friends. DOIT être utilisé lors de TOUT travail d'interface utilisateur, y compris les composants, les pages, les boutons, les formulaires, le style, le CSS Tailwind, le mode sombre, les thèmes, les mises en page, les cartes, les entrées ou les modifications visuelles. Garantit des jetons de conception cohérents, une hiérarchie de boutons et une accessibilité. Source : bumgeunsong/daily-writing-friends.