Standard/01
Diagnostic IA
Carte de base, bordure fine.
Bibliothèque vanilla · v1 · 2026-10-02
Des composants prêts à poser
HTML, CSS et JS sans dépendance, 3 thèmes, accessibles (RGAA AA, clavier, mouvement réduit). Chaque bloc ci-dessous : aperçu vivant + bouton « Code ».
/01 Tokens
Tout vient de css/tokens.css. Changer de client = copier un bloc de thème, changer 8 couleurs + 3 polices.
/02 Typographie
Kicker — mono espacé
L'IA d'ici.
Titre H1 display
Titre H2
Titre H3
Chapô : phrase courte, chiffres, zéro buzzword. Vos données restent chez vous.
Texte courant en Inter. Lien souligné qui glisse, accent italique, 1 284,50 en chiffres tabulaires.
Label · métadonnée
/03 Boutons
/04 Badges, chips, kbd, avatars
Neutre
Nouveau
En ligne
En attente
Erreur
Ctrl+K
NB
AMJLSC+4
/05 Cartes
Se soulève
Bordure accent au survol.
Halo souris
Le halo suit le pointeur.
Incliné
Perspective au survol.
Bordure vivante
Lumière qui fait le tour.
Éditorial
Transparente, angles vifs.
Bento
Grand
Souverain
LLM local, n8n auto-hébergé.
Chiffre
0
jours pour mesurer
Statut
RGPD
Large
/06 Formulaires
Tel qu'au Kbis.
Adresse incomplète.
https://
Code de vérification (essayer 123456)
/08 Feedback
ℹ
InformationVotre diagnostic est prêt.
✓
ConformeFacture électronique validée.
!
AttentionÉchéance dans 3 jours.
✕
ErreurConnexion SMTP refusée.
Popover natif, sans JS.
72%
◇
Aucun document
Déposez un premier fichier pour commencer.
/09 Données
0h
Heures économisées
▲ 18 %0
Disponibilité
0
Clients accompagnés
▼ 2| Client | Ville | Statut | Score |
|---|---|---|---|
| Menuiserie Dupont | Alès | Prospect | 72 |
| Mairie de Saint-Jean | Saint-Jean-du-Gard | Client | 91 |
| Boulangerie Martin | Anduze | Relance | 45 |
| Cabinet Roux | Nîmes | Froid | 18 |
- Diagnostic
Entretien + audit des outils.
- Prototype
Premier flux automatisé.
- Mesure
Gains chiffrés.
- Client
- Mairie de Saint-Jean
- Contrat
- Accompagnement
- Démarrage
- 01/10/2026
- Statut
- Actif
Écouter
Vos vrais problèmes.
Construire
Sur vos outils.
Mesurer
À J+30.
Rester
Celui qui construit reste.
/10 Marketing
SouverainConcretDurableLocalMesuré
Essentiel
{{prix}} € HT
- Diagnostic
- Rapport écrit
RecommandéAccompagnement
{{prix}} € HT
- Diagnostic
- Prototype
- Mesure J+30
Sur mesure
Devis
- Projet complet
- Formation équipes
⚠ Prix : toujours {{prix}} rempli depuis A_OFFRES-CATALOGUE/articles.yml (règle du 24/09).
On a gagné une demi-journée par semaine sur la paperasse, sans changer d'outils.
◈
Souverain
Vos données restent chez vous.
◎
Concret
ROI chiffré dès le rendez-vous.
Premier pas
Parlons de votre cas.
CCI GARDRÉGION OCCITANIEFRANCE NUMBPI
/11 Médias
AVANT · papier
APRÈS · automatisé
/12 Interfaces IA
Pour Beebee, Jarvis, démos clients. Inspi BeautifulUI + Kobra AI.
Analyse des factures…
Combien de factures impayées ce mois-ci ?
IA
Réflexion · 4 étapes
- Lire le dossier Factures/2026-09
- Croiser avec les relevés bancaires
- Calculer les écarts
- Rédiger la synthèse
lire_dossierbanque.csvcalcul
…
Validation requiseEnvoyer 3 relances ?
L'agent veut envoyer un e-mail à :
martin@exemple.fr, roux@exemple.fr, dupont@exemple.fr
Tâches de l'agent
- Extraire les montants
- Identifier les clients
- Préparer les relances
- Attendre validation
- Synchroniser le CRM
relance.py
for f in impayees:
if f.retard > 30:
brouillon(f.client, modele="relance-2")Bonjour {{client}},
Vous nous devez de l'argent.
Sauf erreur, la facture n°{{num}} reste à régler.
Cordialement,
/13 Effets de texte
Dégradé animé
Contour
Contour qui se remplit
Reflet qui passe
Lueur
Glitch
Surligné au scroll · barré au scroll
Décodage au survol
L'IA pour artisansmairiesPME
$ npx iadici diagnose
Survolez chaque lettre
/14 Apparitions au scroll
up
left
right
scale
blur
clip
wipe
scroll natif
Un titre qui monte mot par mot
/15 Fonds
Grille
Points
Aurora
Grain 5 %
Spotlight
Halftone