1. Palette des 9 couleurs de bandeaux
Couleurs désaturées appliquées en bandeau haut de 4px sur les cartes.
2. Cartes Note (États & Variantes)
Ombre douce par défaut, accentuée au survol, rayon strict 4px, bandeau haut.
Idée de cadrage
Privilégier la sobriété : le contenu prime sur l'interface.
Micro-interaction
L'ombre se diffuse et la carte s'élève de 1px.
Sélection active
Liseré fin bleu accentuant le contour sans déplacer le layout.
Déplacement en cours
Ombre large et profonde, légère échelle (1.02).
Note blanche épurée
Le papier pur ressort sur le fond teinté du studio.
3. Cartes Image, Lien et Todo
Composants visuels structurés respectant les mêmes tokens d'ombres et de rayons.
Studio de création — lumière naturelle
Vue Flow — Highly Customizable Vue 3 Flow
Interactive node-based UIs and diagrams with real Vue components in the DOM.
Checklist Phase 2
- Extraire les tokens à la pipette
- Valider les rayons stricts (3-4px)
- Tester les ombres portées douces
- Vérifier la transition à 150ms
4. Colonne Kanban & Insertion
Conteneur vertical empilant les cartes, avec indicateur visuel bleu d'insertion.
En cours
2Architecture Drizzle
9 tables synchronisées
Better-Auth sessions
Sécurité vérifiée côté serveur
À faire
1Glisser une nouvelle carte ici
La ligne bleue indique l'endroit exact d'insertion.