Marque
La marque Hi-Doctor
Tout ce qui fait que Hi-Doctor ressemble à Hi-Doctor — le logo, les couleurs, la typographie, les dégradés et les règles qui tiennent l'ensemble.
Logo
Le symbole et le logotype
Le symbole est un carré vert aux angles arrondis portant une croix blanche. Le logotype horizontal l'associe au nom Hi-Doctor. Utilisez les fichiers exactement tels qu'ils sont fournis.
Symbole
La tuile autonome, pour les avatars, les favicons et les icônes d'application.
Symbole, inversé
La même tuile, préparée pour les surfaces sombres.
Logotype horizontal
La signature par défaut sur les surfaces claires.
Logotype horizontal, inversé
La signature pour les bandeaux vert profond.
Règles d'usage
Quatre règles couvrent presque toutes les situations. En cas de doute, faites moins.
Zone de protection
Laissez libre la largeur d'un bras de la croix de chaque côté du logo. Textes, images et autres logos restent en dehors.
Taille minimale
Le symbole ne s'affiche jamais en dessous de 24 px et le logotype jamais en dessous de 96 px de large. En dessous, écrivez le nom.
Laissez-le tel quel
Ne recolorez, ne faites pivoter, n'étirez et ne détourez jamais le logo, et n'ajoutez jamais d'ombres, de dégradés ni d'autres effets.
Des fonds calmes
Placez le logo sur du blanc, du mist ou du vert profond — jamais sur une photo chargée ou une couleur concurrente.
Couleur
Une palette calme et clinique
L'encre sur le blanc fait l'essentiel du travail. Le vert porte la marque ; le bleu, le rose et l'olive appartiennent aux catégories de traitement.
Sélectionnez une pastille pour copier sa valeur hexadécimale.
Neutres
Verts de marque
Accents de catégorie
Dégradés
Un shader, quatre palettes
Le dégradé grainé est la surface signature : un voile doux et mouvant avec du grain argentique. Il apparaît dans les bandeaux héros et les en-têtes de catégorie — toujours derrière du texte blanc, jamais derrière du corps de texte.
Réservé aux bandeaux héros et à la thématisation des catégories.
Typographie
Une seule famille, Inter
Inter compose toutes les surfaces. Les tailles display utilisent la graisse 600 avec un interlettrage resserré ; le corps de texte est en graisse 400 et jamais en dessous de 14 px.
JetBrains Mono, pour les métadonnées uniquement
Numéros de référence, horodatages et pistes d'audit composés en JetBrains Mono — capitales, interlettrage large, petites tailles. Elle ne porte jamais de phrases.
MIS À JOUR 13 AOÛT 2026 · 09:41 UTC
Géométrie et mouvement
Angles nets, rythme doux
Trois rayons couvrent le système : 4 px pour les contrôles, 16 px pour les cartes, 24 px pour les bandeaux et les grands conteneurs. Rien n'est en forme de pilule.
Rayon
4 px
Boutons, champs, chips
16 px
Cartes
24 px
Bandeaux et grands conteneurs
Mouvement
L'animation passe uniquement par les transformations et l'opacité — jamais par la largeur, la hauteur ou l'ombre. Les éléments arrivent en 240 ms et repartent en 160 ms.
Composants
L'ensemble de travail
Les primitives dont chaque page est construite, rendues en direct avec les mêmes classes que celles du produit.
Boutons
Chips de statut
Carte
Votre consultation est en cours d'examen
Un médecin agréé lit vos réponses. Nous vous informerons dès qu'une décision sera prise.
À l'instant
Voix
Calme, claire, honnête, humaine
Nous écrivons comme parle un bon médecin : simplement, sans dramatiser. Pas de points d'exclamation, pas de ressorts d'urgence, pas de jargon quand un mot simple existe.
Calme
Pas de points d'exclamation. La santé est assez sérieuse sans avoir à crier.
Claire
Des phrases courtes et des mots simples — le lecteur n'a jamais à relire.
Honnête
Nous disons ce que nous faisons et ce que nous ne faisons pas, y compris que nous ne vendons ni n'expédions jamais de médicaments.
Humaine
Chaleureuse mais professionnelle, écrite pour une personne à la fois.
À faire
Un médecin agréé examine vos réponses et décide si un traitement vous convient.
À ne pas faire
Incroyable !! Commandez vos médicaments MAINTENANT — cette offre ne durera pas !!
La marque
Des questions sur la marque ?
Presse, partenariats ou question d'usage — écrivez-nous et nous vous aiderons.
Nous contacter