Écrans du PoC
01
Landing Page & Onboarding
Page d'accueil avec proposition de valeur, formulaire d'inscription et connexion. Design épuré, CTA clair.
Ouvrir le prototype
02
Tableau de bord
Sidebar de navigation, liste des notes, favoris, et barre de recherche. Vue d'ensemble du contenu.
Ouvrir le prototype
03
Éditeur de note
Formulaire de création/édition avec titre, éditeur Markdown, tags, toggle favori. Interface immersive.
Ouvrir le prototype
04
Recherche full-text
Recherche instantanée avec surbrillance des correspondances, filtres par tags et raccourci clavier ⌘K.
Ouvrir le prototype
À propos de ces prototypes
- • Stack : HTML standalone + Tailwind CSS (CDN) + polices Inter & JetBrains Mono.
-
•
Design System : Tokens définis dans
DESIGN.md— couleurs primaires indigo #5E6AD2, accent corail #F0705A. - • Accessibilité : Navigation clavier, focus visible, labels aria, contraste WCAG AA validé.
- • Responsive : Approche mobile-first — chaque écran s'adapte du mobile au desktop large.
- • Données : Fictives et génériques (John Doe, client@example.com) — aucune PII réelle.