N° AR-2026-042
Rémunération du dirigeant
75%
- État
- À votre tour
- Échéance
- 30 oct. 2026
- Interlocuteur
- Camille Martin
Le titre guilloché.
Le système d’interface d’un espace dirigeant, imaginé comme un titre fiduciaire : encre intaille, rosettes guillochées, numéros de série. Des composants Twig maison, du SCSS par couches, Stimulus et Turbo pour le comportement.
- Twig Components
- SCSS modules
- Stimulus
- Turbo
- Sans dépendance UI
Couleurs & encres
Des rôles avant des valeurs. Chaque composant lit un rôle ; le thème sombre redéfinit les rôles, jamais les composants.
settings/_tokens.scss
--paper
--sheet-raised
--ink
--intaglio
--action
--copper
--blue
--green
--red
Bodoni Moda, titres et valeurs
Rémunération
du dirigeant
75 %, 480,00 €
Inter, interface
Valider la synthèse avant le 30 octobre.
Titre de section Lecture Interface Libellé
Fira Code, numéros de série
N° AR-2026-042
Réservée aux références et identifiants, jamais en décor.
Trames guillochées
Calculées en PHP par Ui:Guilloche : une graine donne une rosette unique et stable. Sans JavaScript, le dessin reste complet.
seed 1seed 2seed 3seed 4seed 5seed 6Actions
Une seule action principale pleine par contexte : elle porte la trame guillochée qui moire au survol. Un bouton agit, un lien navigue.
Ui:Button
Contrat du composant
Props : intent primary, secondary, danger ; appearance solid, soft, outline, ghost ;
size sm, md, lg ; disabled, loading (bouton désactivé et
aria-busy) ; href rend un lien. Les classes et attributs Stimulus de l’appelant sont
fusionnés par attributes.defaults().
<twig:Ui:Button appearance="soft" data-action="catalog#notify">
Continuer
</twig:Ui:Button>Champs & formulaires
Contrôles natifs, libellés permanents. Une erreur nomme le problème et la manière d’avancer.
Ui:Field, Ui:Input
Saisie
Un nom de mission ou une catégorie.
Erreur et indisponibilité
Exemple de champ en erreur.
Saisissez une référence au format AR-2026-042.
États & retours
Le texte porte toujours le sens. Le cuivre appelle trois fois, puis se tait ; le bleu se remplit à moitié.
Ui:Status, Ui:Badge, Ui:Notice, Ui:Dialog
Statuts métier
À votre tour
En cours
Terminée
État non renseigné
Étiquettes
Neutre
Disponible
Information
À compléter
Erreur
Les éléments de cette démonstration sont disponibles.
Le document n’a pas pu être chargé. Votre vue précédente est conservée.
Un aperçu, sans quitter le dossier.
Élément dialog natif : titre nommé, Échap, retour du focus. Entrée et sortie en CSS (@starting-style).
Le temps fait partie de l’interface
Un seul geste d’auteur, le tracé de la rosette. Le reste répond, sans faire attendre.
Ui:Guilloche, Ui:Skeleton, Ui:RegionState
- 120 ms
- réponse d’un contrôle
- 140 ms
- avant l’apparition d’un skeleton
- 280 ms
- entrée d’un dialogue, d’une ligne
- 520 ms
- impression d’une fiche
- 1100 ms
- tracé d’une rosette
Une mission, sa prochaine étape
Les mêmes composants que le produit, sur les mêmes fixtures. Aucun vocabulaire visuel propre au catalogue.
Mission:MissionList, Mission:Detail
- Rémunération du dirigeant Valider la synthèse À votre tour 75 % Échéance 30 oct. 2026
- Audit de votre structure Analyse de votre dossier En cours 45 % Échéance 4 nov. 2026
- Mise à jour des documents sociaux Ajouter deux pièces À votre tour 30 % Échéance 6 nov. 2026
- Bilan de votre accompagnement Synthèse disponible Terminée 100 % Échéance 22 oct. 2026
- Organisation du groupe Premier échange En cours 20 % Échéance 10 nov. 2026