Aller au contenu

KansOS · Charte graphique

Validée le 14 novembre 2026

01 — Logo

Le « o » est le cadre de guidage

Le mot « kansos », en minuscules, dans lequel le « o » devient le cadre qui montre où appuyer. Au chargement, le cadre se trace.

KansOS
Sur fond clair : tout en encre.
KansOS
Sur fond sombre : clair, et le cadre en jaune.

02 — Accroche, proposition

On montre, vous faites. C’est ça, l’autonomie numérique.

03 — Couleurs

Quatre couleurs, une seule pour guider

États des démarches

Une pastille par état : une couleur, une icône et un mot. Vert et bleu sourds, jamais de jaune ni d’orange, réservés au guidage. Texte sur fond : plus de 7:1.

04 — Typographie

Lexend, pour tout

Une seule famille, en police variable. Lexend a été conçue pour faciliter la lecture.

Display

40 → 72 px · Light 300 · interligne 1,08

On montre, vous faites.

Titre

32 → 48 px · Regular 400 · interligne 1,15

Un écran à la fois

Sous-titre

24 px · Medium 500 · interligne 1,3

Le cadre montre où appuyer

Texte courant

18 → 20 px · Regular 400 · interligne 1,65

KansOS est un environnement Android pensé pour celles et ceux que le numérique met en difficulté, avec une place claire pour les aidants et une approche respectueuse de la vie privée.

Légende

15 px · Regular 400 · interligne 1,5 · encre 70 %

Informations secondaires : sources, dates, précisions.

05 — Cadre de guidage

On montre, vous faites

Faites défiler : le cadre passe d’un élément à l’autre. C’est le seul usage du jaune.

Un seul cadre par écran

Le jaune ne sert qu’à ça. Il n’y a jamais deux endroits à regarder en même temps.

Il glisse, il ne clignote pas

Le cadre passe d’un élément à l’autre en 0,6 seconde. Rien ne surgit, rien ne clignote.

Il entoure sans recouvrir

L’élément guidé reste lisible : le cadre passe autour, jamais par-dessus.

06 — Interface

Boutons, liens, champs

La première colonne est réelle : survolez-la ou parcourez-la au clavier. Les autres figent chaque état. Le focus est à l’encre, le jaune restant réservé au guidage.

Bouton principal

Repos

Survol

Focus

Désactivé

Bouton secondaire

Repos

Survol

Focus

Désactivé

Lien

Champ de formulaire

Repos

Survol

Focus

Désactivé

07 — Matière et mouvement

Peu de mouvement, toujours utile

Texture de fond
Un papier très léger derrière toute la page (Paper Shaders, PaperTexture). Elle ne bouge pas.
Chiffre animé
Le compteur d’étapes du cadre de guidage (Number Flow).
Effet de texte
L’accroche apparaît mot par mot (React Bits, SplitText).
Tracé du logo
Le « o » se dessine une fois, au chargement (GSAP, DrawSVG).

Si « réduire les animations » est activé sur l’appareil, tout s’affiche directement, sans mouvement.

09 — Fond sombre

Sur fond sombre, on inverse

Le texte, les boutons et le focus passent en clair. Le jaune n’y apparaît que pour le cadre de guidage.

Une section sur fond encre

Le texte secondaire est en clair à 70 % : contraste de 8,2:1.

Bouton principal

Repos

Survol

Focus

Désactivé

Bouton secondaire

Repos

Survol

Focus

Désactivé

10 — Icônes

Lucide, au trait

Trait de 1,5, en 20 px dans les boutons et 28 px dans les cartes, de la couleur du texte. Une icône accompagne toujours un mot, elle ne le remplace jamais.

11 — Cartes

Des cartes sans ombre

Un filet fin et beaucoup d’air. Les textes sont ceux de l’ancienne version du site.

Fonctionnalités

Engagements

  1. Pas de contenu

    Le serveur ne stocke, ne lit et ne transmet jamais le contenu des messages, appels ou pages consultées.

  2. Pas de diagnostic ni localisation

    Le système décrit des besoins fonctionnels et ne collecte ni pathologie ni position.

  3. Une relation transparente

    Chaque règle est visible, motivée, datée et consultable par la personne accompagnée.

Dépôts open source

Lien externe : une flèche après le texte, et ouverture dans le même onglet pour ne pas perdre la personne.

12 — Équipe

Les personnes derrière KansOS

De vraies photos, avec le même cadrage pour tout le monde. Sans photo, les initiales prennent place dans le carré arrondi du logo.

Contenu d’exemple : noms, rôles et photos à fournir.

13 — Timeline

Où en est le projet

Chaque étape annonce son état par la forme de l’icône et par un mot, jamais par la couleur seule.

  1. Mois année ·Terminé

    Jalon terminé

    Ce qui a été livré à cette étape.

  2. Mois année ·Terminé

    Jalon terminé

    Ce qui a été livré à cette étape.

  3. Mois année ·En cours

    Jalon en cours

    Ce sur quoi l’équipe travaille maintenant.

  4. Mois année ·À venir

    Jalon à venir

    Ce qui est prévu ensuite.

Contenu d’exemple : jalons et dates à fournir.

14 — Contact

Un lien e-mail, sans formulaire

L’adresse reste écrite en entier : on peut la copier même sans messagerie installée. Un clic la sélectionne.

Une question, une idée ?

Écrivez à l’équipe KansOS.

Écrire à l’équipeequipe@example.com

Adresse d’exemple, à remplacer par celle de l’équipe.

15 — Démarches guidées

Les apps où KansOS vous guide

KansOS n’installe pas ces applications : il guide dans celles que vous avez déjà. Chaque tuile résume l’état du guidage ; la fiche détaille démarche par démarche. Les icônes officielles servent à reconnaître les apps ; nous ne sommes affiliés à aucune. Jamais de capture d’une app tierce : elle montrerait nos données personnelles.

Tuiles

Fiche d’une app

Toutes les démarches

Ameli

Santé

Ce que KansOS peut guider

  • Télécharger une attestation de droits

    Pris en chargeVérifié le jj/mm/aaaa

  • Consulter un remboursement

    En testVérifié le jj/mm/aaaa

  • Déclarer son médecin traitant

    Prévu

Ce que KansOS ne fait pas

Il montre où appuyer, il n’appuie jamais à votre place. Quand il ne sait pas quoi montrer, il le dit.

Testé sur la version x.y de l’application, Android 14. KansOS n’est pas affilié à l’Assurance Maladie.

Contenu d’exemple : apps citées dans l’ADR 0003, démarches, états, dates et versions fictifs.