AVQN Admin , s'ouvre dans un nouvel onglet
AVQN
Admin , s'ouvre dans un nouvel onglet
Galerie

De quoi composer une app ou une page

Les composants shadcn/ui, habillés par les rôles de la charte. Tout est cliquable, en clair comme en nocturne.

Boutons

Un seul primaire vermillon par vue. Au survol, la couleur répond ; rien ne bouge.

Variantes

Tailles

Avec icône, états

Étiquettes

Les couleurs d'appoint disent une catégorie, toujours la même d'une app à l'autre.

Catégories

AtelierClientAdminVidéoPerso

Statuts

À faireEn coursFaitEn retardNouveau

Deux jeux d'icônes, chacun son rôle

Solar pour l'interface, en deux tons. Pixelarticons en grand, pour les moments d'entrée. Tout s'importe depuis un seul fichier, src/components/icones.tsx.

Icone : Solar Bold Duotone

Les icônes qui portent un sens : un menu, un atout, une bannière. La couche de fond prend une couleur d'appoint, le détail garde la couleur du texte.

  • Accueil
  • Agent
  • Attention
  • Cadenas
  • Calendrier
  • Chiffres
  • Clients
  • Cloche
  • Connecteur
  • Corbeille
  • Courrier
  • Document
  • Erreur
  • Etoiles
  • Facture
  • Horloge
  • HorsLigne
  • Info
  • Panier
  • Recherche
  • RechercheVide
  • Reglages
  • Sortie
  • Succes
  • Taches
  • Telecharger
  • Video

Teinte

Teintée quand elle identifie quelque chose ; d'une seule couleur quand elle accompagne un libellé, dans un bouton par exemple.

Glyphe : Solar Linear

Les signes utilitaires : ajouter, fermer, avancer, déplier. Au trait, de la couleur du texte, jamais teintés.

  • Annuler
  • Baisse
  • ChevronBas
  • ChevronDroite
  • ChevronGauche
  • ChevronHaut
  • Coche
  • Fermer
  • FlecheDroite
  • Hausse
  • Loupe
  • Lune
  • Menu
  • MenuPoints
  • Moins
  • NouvelOnglet
  • Panneau
  • Plus
  • Relancer
  • Soleil
  • Tri

Pixel : Pixelarticons

Dessinées case par case, comme le quadrillage. En grand seulement, pour les moments d'entrée : un écran vide, une slide, une page introuvable. Leur taille est un multiple de 24 px pour que chaque case tombe sur un pixel.

  • Agent
  • Ampoule
  • Boite
  • Cadeau
  • Coche
  • Coeur
  • Courrier
  • Drapeau
  • Eclair
  • Etincelle
  • Nuage
  • Recherche
  • Sourire
  • Triste
  • Trophee

Solar est dessiné par 480 Design (licence CC BY 4.0), Pixelarticons par Gerrit Halfmann (licence MIT).

Un formulaire complet

Essaie d'envoyer avec une adresse sans @ pour voir l'erreur.

S'inscrire à un atelier

Pour t'envoyer le lien de la visio, rien d'autre.

Ton niveau aujourd'hui

Tableau et pagination

L'exemple complet, avec filtre et aperçu, est dans l'écran d'admin.

FactureClientStatutMontantActions
2026-041Boulangerie MartinPayéeCHF 1'850.00
2026-042Studio NuanceEnvoyéeCHF 3'200.00
2026-043Domaine des CrêtesBrouillonCHF 640.00

Afficher des chiffres

Six couleurs de donnée, prises dans l'ordre et vérifiées pour les daltoniens. Survole un graphique pour lire les valeurs.

Encaissé en septembre

CHF 8'420

+96 %par rapport à août

Heures facturables

116 h

+12 %par rapport à août

Abonnés à la newsletter

1'284

+14 %par rapport à août

Délai moyen de paiement

19 jours

-21 %par rapport à août

Facturé et encaissé
Six derniers mois, en francs. Le même chiffre se lit en graphique ou en tableau.
D'où vient le chiffre d'affaires
Par offre, depuis janvier. Un camembert reste lisible jusqu'à cinq parts.
  • AteliersCHF 14 20037 %
  • CoachingCHF 9 80026 %
  • Agents sur mesureCHF 11 60031 %
  • AutresCHF 2 4006 %
Heures par client
En septembre. Une seule série : une seule couleur, la valeur au bout de la barre.
Revenus par offre
Par trimestre. Les segments se séparent par un vide de deux pixels, pas par un trait.
Abonnés à la newsletter
Une aire : la ligne porte la donnée, le fond n'est qu'un voile.

Drawer, modale, toast

Ce qui passe au-dessus de la page. Un contour net, une ombre flottante.

Drawer

Modale

Toast

Infobulle, menu

Bannières

Une surface calme ; c'est l'icône teintée qui dit le ton.

NouveauL'atelier « Monter son premier agent » revient en octobre.Voir les dates

Les questions qu'on me pose

Non. On part de ton activité et de ce qui te prend du temps. Le code, c'est l'agent qui l'écrit ; toi, tu décris ce que tu veux.

Des grilles et des cartes

Une grille, c'est une seule sorte de carte répétée. Les colonnes se replient toutes seules sur mobile.

Cartes de contenu, trois colonnes

n8n
Tuto20 min

Ton premier flux n8n en vingt minutes

Prompts
Fiche5 min

Bien formuler une demande à un agent

Mails
Exercice30 min

Trier sa boîte avec trois règles

Offres : une seule carte mise en avant

Atelier
Une demi-journée en petit groupe.

CHF 290par personne

  • Une automatisation qui tourne
  • Les vidéos de la session
  • Un mois de questions par e-mail
Coaching
On avance sur ton projet, à ton rythme.

CHF 180de l'heure

  • En visio ou à Lausanne
  • Ton cas, tes outils
  • Un compte rendu après chaque séance
  • Sans engagement
Agent sur mesure
Je le construis, tu le pilotes.

CHF 2 400prix de départ

  • Cadrage en une semaine
  • Hébergé chez toi, en Suisse
  • Formation à la prise en main

Atouts : une grille sans cartes, séparée par des filets

Des agents, pas des gadgets

Chaque atelier finit sur un outil qui tourne dans ton activité.

Tes données chez toi

Tout est hébergé sur ton serveur, en Suisse.

Du temps rendu

On commence par ce qui te prend le plus de temps.

Le courrier trié

Les mails se rangent, les réponses se préparent.

Les factures envoyées

Émises, relancées et rapprochées sans y penser.

Zéro jargon

Si je ne peux pas l'expliquer simplement, on ne le fait pas.

Témoignages, deux colonnes

« Je pensais que l'IA n'était pas pour moi. En une matinée, mes relances de factures partaient toutes seules. »
CD

Claire Dupont

Graphiste, Lausanne

« On a joué avec, vraiment. Et à la fin ça marchait. Je n'ai pas eu l'impression de suivre un cours. »
PM

Pierre Martin

Boulanger, Morges

Mosaïque : des cartes de tailles différentes, alignées sur la même grille

À la une
Monter son premier agent, sans écrire une ligne de code
Prochaine session
Jeudi 8 octobre
Places restantes
3
Ce que tu repars avec
Un agent qui lit tes mails et te prépare les réponses

Tuiles et états

À plat par défaut. L'ombre dure teintée est réservée au seul objet mis en avant.

Encaissé en septembre
CHF 8'420
70 % de l'objectif du mois
L'objet mis en avant
Un contour, une ombre dure teintée. Un seul par écran.
CD
Claire Dupont
Graphiste, Lausanne

Aucune tâche pour l'instant

Ajoute la première, ou demande à ton agent de le faire pour toi.