Direction artistique
La documentation reprend la direction artistique du handoff vivra-frontend : une surface claire, une typographie compacte, des accents orange et une ligne de pouls. Le thème sombre reprend les surfaces de la dapp.
Couleurs#
| Usage | Token du frontend | Valeur |
|---|---|---|
| Accent principal | --vv-orange | #FF5A1F |
| Texte orange sur fond clair | --vv-orange-ink | #C23C08 |
| Orange profond | --vv-orange-deep | #F2551C |
| Fin de dégradé | --vv-orange-dark | #C93A0E |
| Pêche | --vv-peach | #FFE6DA |
| Fond pêche léger | --vv-peach-2 | #FFF1EA |
| Encre | --vv-ink | #0B0B0C |
| Fond clair | --vv-white | #FFFFFF |
Les couleurs de l’interface passent par des variables CSS. Le texte orange sur blanc utilise la teinte encre pour préserver le contraste.
Typographie et formes#
Inter Tight porte les titres et les textes. Fragment Mono distingue les labels, les repères temporels et le code. Les titres reprennent un espacement serré ; les cartes ont des coins arrondis de 20 px et les grands panneaux de 24 px.
Le logo typographique « vivra » est accompagné de son point orange. Le dégradé blanc, pêche et orange reprend le mouvement de la landing sans utiliser les chiffres fictifs de ses illustrations.
Lecture et navigation#
La version locale ajoute une navigation latérale par thèmes, une recherche plein texte, un sommaire de page, des liens précédent / suivant et une version mobile avec menu repliable.
Le thème choisi est mémorisé dans le navigateur. Les animations respectent la préférence de réduction des mouvements. La navigation et les articles restent utilisables sans JavaScript ; la recherche et les commandes de confort nécessitent JavaScript.
Publication sur GitBook#
Le contenu Markdown et SUMMARY.md sont prévus pour une synchronisation GitBook. La configuration .gitbook.yaml désigne le dossier content.
L’interface personnalisée de ce dépôt est une version statique autonome. GitBook n’importe pas ses CSS ni ses composants : pour une publication sur ce service, appliquez séparément les options de marque disponibles dans son interface. Le dépôt contient les couleurs et les ressources nécessaires.