Aller au contenu
design.yedirhub v0.1.0 · Éditorial

Catalogue · phase 1

Les briques

Trois briques, un seul jeu de tokens. Chaque valeur que vous voyez sort du moteur : changez l'ambiance, le HTML ne bouge pas.

Bouton

Une action par bouton, jamais deux boutons primaires côte à côte. Cible tactile de 44 px minimum.

Variantes

Tailles

Avec icône

États

Lien désactivé

Pleine largeur

Contenu stressé

Champ

Un libellé toujours visible ; l'aide et l'erreur sont reliées au champ. L'erreur se lit en texte, pas seulement en couleur.

États

Comme on vous appelle.

Il manque la fin de l'adresse, par exemple awa@mail.com.

Champ rempli.

Lecture seule.

Préfixe, suffixe, texte long

+229
FCFA

Contenu stressé

Nous l'utilisons seulement pour la facture, jamais pour de la publicité ou un envoi postal non demandé.

Carte

Une carte cliquable n'a qu'un seul lien : son titre, étiré sur toute la carte.

Variantes

Simple

Séance découverte

Trente minutes pour poser votre objectif et repartir avec un premier plan d'action.

Formes géométriques sur fond papier

Avec image

Le programme 90 jours

Douze semaines, une séance par semaine, un suivi WhatsApp entre deux.

Avec action en pied

Essentiel

Quatre séances, un compte rendu écrit après chacune.

Accompagné

Douze séances, le suivi WhatsApp, et un bilan à mi-parcours.

Contenu stressé

Un titre de carte volontairement très long pour vérifier que la carte reste équilibrée quand le texte double

Un paragraphe deux fois plus long que prévu, pour voir comment la carte se comporte quand un client écrit beaucoup plus que la maquette ne l'avait imaginé. Rien ne doit déborder, rien ne doit être coupé, et le rythme doit rester lisible.

Oui