dokia
Maquettes v1

Maquettes du widget et de
la console d'administration

Douze écrans statiques pour valider la direction UX de dokia.conseil (chatbot juridique IA) avant écriture du code Next.js de production. Design strictement aligné sur les Dokia Design Guidelines v1.

Pour validation Gabriel Sapoun · Xavier Berjot · 21 mai 2026

Widget de chat utilisateur

Iframe sandbox embarquée sur la plateforme Dokia · 4 états critiques

4 écrans

Console d'administration

22 pages au total dans la spec, 8 écrans clés mockés ici dans l'ordre de parcours admin.

8 écrans

Stack & conventions

Stack maquettes

  • HTML5 + Tailwind CSS (CDN)
  • Outfit (Google Fonts)
  • Alpine.js si interactivité légère
  • Aucun build step

Tokens Dokia officiels

  • Navy #0F1939
  • Orange #F25C1C
  • Cream #FBFAF7
  • Police : Outfit 400/500/600/700

Stack production cible

  • Next.js 15 App Router
  • shadcn/ui + Tailwind
  • Recharts (analytics)
  • NextAuth v5 + TOTP 2FA