Système de base pour massage-acupuncture.com. Chaque section sera construite contre cette charte, et non importée depuis son gabarit d’origine.
Les valeurs d’orange et de bleu viennent de ton site actuel. Elles sont trop claires pour porter du texte : c’est une contrainte, pas un défaut, et elle donne au système sa cohérence.
Blanc
#ffffff
Fond de page. Le « très blanc » clinique.
Encre
#14201e
Tout le texte, titres comme corps.
16,5:1 · texteBleu brume
#f4f9fa
Lavis d’ambiance. C’est lui qui fait « médical ».
SurfaceOrange brume
#fdf3f0
Pastilles, teintes de carte, respiration chaude.
SurfaceOrange
#f29c8d
Filets, puces, soulignements, petits signes.
2,12:1 · surfaceBleu
#8fc5ce
Second signe, à doser très peu.
1,90:1 · surfaceBleu profond
#2b6b77
Si un jour il faut un lien coloré ou un second bouton.
6,05:1 · texteNuage
#f7f9fa
Délimiter une zone sans tracer de bordure.
SurfaceIl faut 4,5:1 de contraste pour du texte courant. Ton orange actuel donne 1,80:1 sur blanc, celui de Digigrowth 2,32:1, le bleu 3,32:1. Un bouton orange à texte blanc serait sous le seuil de moitié.
La sortie est simple et c’est aussi le geste Digigrowth que tu aimes : les boutons sont en encre noire, l’orange habille les surfaces autour. Tu gardes la couleur, tu gardes la lisibilité.
Massage du dos, 75 minutes
Encre pleine sur blanc, pastille orange en surface.
Récupération✓ 16,5:1 · lisible partout, y compris en plein soleil sur un téléphone
Massage du dos, 75 minutes
Le même texte en orange, et un bouton orange.
✗ 1,80:1 et 2,12:1 · à proscrire, dans les deux cas
Même contenu dans les trois, pour que tu compares la voix et non le texte. Deux remarques avant : la police de Healen (Helvetica Now Display) est commerciale, il faudrait l’acheter, et hors licence elle retombe sur Arial sous Windows. Celle de Serenique (Instrument Serif) est libre, mais c’est une voix de spa.
Massage sportif et massage du dos, à Nice.
Spécialiste sport, dos et articulaire
Un accompagnement sur-mesure validé par les athlètes olympiques pour optimiser vos performances et accélérer la récupération. 1 Bd Franck Pilatte, 06300 Nice. 06 82 42 58 05.
Massage sportif et massage du dos, à Nice.
Spécialiste sport, dos et articulaire
Un accompagnement sur-mesure validé par les athlètes olympiques pour optimiser vos performances et accélérer la récupération. 1 Bd Franck Pilatte, 06300 Nice. 06 82 42 58 05.
Massage sportif et massage du dos, à Nice.
Spécialiste sport, dos et articulaire
Un accompagnement sur-mesure validé par les athlètes olympiques pour optimiser vos performances et accélérer la récupération. 1 Bd Franck Pilatte, 06300 Nice. 06 82 42 58 05.
Ton positionnement a changé depuis les premiers essais : sport, dos, articulaire. Le serif de Serenique parle spa et palace, il tirerait la page vers le bien-être que tu viens justement d’écarter.
Inter a été dessinée pour la lecture à l’écran : grande hauteur d’x, et surtout des caractères désambiguïsés. Sur une page pleine de 06 82 42 58 05, 1 Bd Franck Pilatte et 170 €, le 1 ne se confond pas avec le l, ni le 0 avec le O. C’est exactement ton obsession, appliquée à la typographie.
Si la chaleur du serif te manque, l’option C la garde pour les grands titres uniquement, sans contaminer le reste. C’est le compromis honnête.
Deux tailles qui se ressemblent créent de la confusion, pas de la hiérarchie. Chaque palier saute nettement.
Une métadonnée se distingue parce qu’elle est plus petite, plus grasse et en capitales espacées. Jamais parce qu’elle est plus pâle. Aucun texte de ce site ne descend sous l’encre pleine, et aucun élément contenant du texte ne porte d’opacity inférieure à 1.
Pas de filet horizontal entre les sections. On les sépare par du blanc, franchement.
Corps de texte plafonné à 64ch, chapeaux d’introduction à 52ch. Au-delà, l’œil perd la ligne au retour chariot. Alignement à gauche systématique, jamais de justification. Le centrage est réservé aux en-têtes de section de deux lignes maximum.
Soit la carte se détache franchement, soit elle se fond avec une simple découpe. Le voile intermédiaire, qu’on devine sans le voir, est le seul cas à proscrire.
Surface pleine, nettement différente du fond. Pour les cartes qui portent l’information principale et doivent arrêter le regard.
Aucun remplissage, un simple filet net. Pour délimiter des unités de sens quand le fond doit rester maître.
Rayon 16px sur les cartes, 28px sur les grands panneaux, pilule complète sur les boutons. Ombre quasi nulle : 0 1px 2px rgba(20,32,30,.06). Elle décolle légèrement, elle ne décore pas.
L’action principale est toujours noire. Le reste est en second plan, sans jamais rivaliser.
Encre pleine pour l’action que tu veux vraiment : la prise de rendez-vous. Contour pour l’action secondaire. Orange brume pour un lien de parcours, sans poids d’action. Un seul bouton en encre par écran visible.
Ni gris, ni taupe, ni opacity sous 1. La hiérarchie passe par la taille et la graisse.
L’orange est la couleur de marque. Le bleu n’est qu’un lavis d’ambiance, jamais sur le même élément.
Un titre, une phrase, une liste. Rien n’est empilé. L’œil sait où commence et où finit une unité.
Pas de filet horizontal entre les sections. Le blanc fait le travail.
Contraste franc, ou filet seul. Jamais un voile qu’on devine.
64 caractères au maximum. Aligné à gauche. Jamais justifié.