← Refonte 2026 · BU Cardiologie

Design System v0.1

La fondation visuelle de la refonte techcare-medical.fr — couleurs, typographies, badges, composants, hooks copywriting, règles éditoriales. Source de vérité pour l'ensemble des 9 templates + 50 LP.

v0.1 · Mai 2026 BU : Cardiologie Plateforme cible : CMS Statut : en revue

Couleurs

Palette confirmée au brief. Bleu primaire pour navigation et CTA, teal pour accents et badge Essentiel, violet et anthracite pour les paliers supérieurs. Verts et bleus financeurs uniquement sur les visuels associés.

Marque

Bleu TCM

#0B5394

Headers, navigation, liens, CTA secondaires

Bleu vif

#3E70DB

CTA primaire « Demander un devis »

Bleu profond

#08385F

Titres H1-H3, footer, fond sombre

Teal TCM

#03A58F

Accent, tracé ECG, badge Essentiel, hover

Paliers de gamme (badges)

🟢 Essentiel

#03A58F

Premier équipement, cabinet en démarrage

🔵 Standard

#3E70DB

Activité courante, renouvellement raisonnable

🟣 Premium

#6F42C1

Cabinet complet, activité diversifiée

⚫ Référence

#1F2937

CHU, centre référent, flagship

Financeurs & neutres

Vert Marlon

#38761D

Visuels & CTA financement Marlon

Bleu Médilease

#0B5394

Aligné au bleu primaire TCM

Cloud — fond callout

#F4F8FB

Sections alternées, callouts FAQ

Gris neutre

#6B7280

Captions, métadonnées, textes secondaires

Typographie · Inter

Inter — Google Fonts, gratuit. Lisibilité maximale, ton neutre expert-pragmatique. JetBrains Mono pour les codes CCAM, slugs URL, et chiffres techniques.

DisplayInter 800 · clamp 44-76px
line-height 1
letter-spacing -.035em

562 patients / mois.

H1Inter 700 · clamp 36-56px
line-height 1.08
letter-spacing -.02em

18 ans aux côtés des cardiologues.

H2Inter 700 · clamp 28-36px
line-height 1.15

Trouvez votre chemin le plus court

H3Inter 600 · clamp 22-28px
line-height 1.25

Ergomètres & épreuve d'effort

LeadInter 400 · 20px
line-height 1.55

Un seul partenaire pour tout votre plateau technique cardio — du diagnostic à la rééducation, en passant par le logiciel, le SAV et le financement.

BodyInter 400 · 17px
line-height 1.6

L'Holter II AFT 1000+ enregistre en continu pendant 22 jours. À 28 grammes, il est le plus léger du marché européen — adapté à la traque de la FA paroxystique chez les patients post-AVC inexpliqué. Connexion micro-USB, export PDF dossier patient, lecture via Quick Reader.

EyebrowInter 600 · 13px
uppercase · letter-spacing .14em

Cardiologie · Plateau technique 360°

MicroInter 400 · 13px
color gris-3

8 min de lecture · Mai 2026 · Cliniques

MonoJetBrains Mono 500 · 13px
CCAM, slugs, codes

/produits/holter-ecg · DEQP002 · CCAM 4 chars

Badges & tags

Substitut visuel aux tarifs. Chaque fiche produit affiche son palier sous forme de badge coloré. Les tags CCAM signalent les actes remboursés.

Paliers de gamme

Essentiel Standard Premium Référence

Palier	Pour qui ?	Exemples produits
Essentiel	Premier équipement, budget maîtrisé	AFT Light 24h · Ergoselect 1 · Samsung HM70 EVO
Standard	Libéral établi, activité courante	AFT Light 10j · Ergoselect 100/200 · Samsung Q10
Premium	Cabinet complet, activité diversifiée	AFT 1000+ · Ergoselect 4/5 · Samsung CV6/CV7
Référence	CHU, centre référent, recherche clinique	AFT 1000+ 22j · Ergoselect 12 · Samsung CV8

Tags & codes CCAM

DEQP002 DEQP004 DEQP009 DZQM002 DAQP005 DEQP003 EBQM002

Cardiologue libéral CHU Médecine du sport Néphrologue Pédiatrie

Boutons

3 hiérarchies. Pill systématique — cohérent avec le langage médical sans agressivité commerciale.

Sur fond clair

Demander un devis Rappel sous 24h Voir le détail

Devis Rappel Démo PDF

Sur fond sombre

Demander un devis Téléchargement PDF

Réserver une démo Brochure

Hiérarchie CTA par niveau d'engagement

Niveau	Libellé	Bouton
Haut	Lead chaud — visite/appel planifiable	Réserver une démo sur site
Haut	Lead chaud — ticket élevé	Étude de rentabilité personnalisée
Moyen	Lead tiède — qualification	Demander un devis personnalisé
Bas	Lead froid — capture email	Télécharger la brochure (PDF)

Formulaires

Prénom*

Nom*

Email*

Téléphone*

Spécialité & statut*

Votre besoin (optionnel)

J'accepte d'être recontacté(e) par un conseiller TechCare Médical au sujet de ma demande. Politique de confidentialité

Cards & patterns

Trois patterns récurrents : fiche produit, article éditorial, profil cardiologue. Tous respectent le bordereau 1px / radius 16px / shadow on-hover.

Card produit

Holter Supplies

Holter II AFT 1000+ · 22 j

28 g. 22 jours d'enregistrement continu. Détection FA paroxystique post-AVC.

RéférenceDEQP004

Loyer Médilease
dès ≈ XX €/moisDétail

Ergoline

Ergoselect 4 / 5

Ergomètre Premium 6-1000 W. Transmission silencieuse, jusqu'à 200 kg.

PremiumDEQP009

Loyer Médilease
dès ≈ XX €/moisDétail

Beneware

PressAmbu WP-02A

MAPA sans tuyau. Opérationnelle en 5 secondes. Rapport ESH/ESC auto.

PremiumDAQP005

Loyer Médilease
dès ≈ XX €/moisDétail

Mosaïque 5 chiffres-clés · pattern signature

Élément visuel récurrent — home, À propos, certains hubs profils. Chiffre en très gros + 2-3 mots descriptifs. Count-up animé au scroll.

18ans

aux côtés des cardiologues

1 000

cabinets de cardiologie accompagnés

100%

focus cardiologie

partenaires fournisseurs

72h

SAV France · prêt matériel · 7j/7

Bandeau réassurance

Slim · top du header et répété en bas de page. Bullet point teal séparant chaque item. Texte 13.5px · couleur #DCE7F5 sur fond bleu profond.

18 ans aux côtés des cardiologues 1 000 cabinets accompagnés 100 % focus cardiologie SAV France 7j/7 — intervention sous 72h Financement Médilease & Marlon

Hooks chiffrés · matière première copywriting

Issus de 4 mois de tests réseaux sociaux. Ces 12 sélections (sur 30 au catalogue) sont les plus forts. H1 de LP, objets d'email, accroches SEA.

28 grammes. 3 semaines. Zéro compromis.

Holter II AFT 1000+

41,5 g. Étanche. 10 jours d'autonomie.

AFT Light 10j

3 patients sur 10 traités pour HTA n'en ont pas vraiment.

MAPA · HTA blouse blanche

30 % des cabinets cardio contrôlés CNIL en 2025.

Audit RGPD / PCA

1 brigade IDE = revenus récurrents significatifs pour le cardiologue.

Modèle ORA

562 patients/mois (vs 221 avant PCA).

PCA Patient Care Anywhere

7 minutes de cotation manuelle = 3h30 perdues/semaine.

Doctolib + facturation

10 000 Hz d'échantillonnage. Ce que les autres ECG ne voient pas.

EasyCardioGraph

18 ans aux côtés des cardiologues. 1 000 cabinets accompagnés.

Bandeau home

La MAPA sans tuyau. Opérationnelle en 5 secondes.

PressAmbu WP-02A

Notre simulateur dit ce que vous gagnerez. Pas ce que vous paierez.

ROI / Audit cabinet

1 cardiologue libéral sur 3 a perdu 1 patient pour cause de panne.

Hub SAV

Catalogue complet · 30 hooks · cf. brief stratégique master partie 2.6

Règles éditoriales · contrats non-négociables

Tout brief de page, tout copywriting, toute maquette doit respecter ces règles. La violation d'une seule règle compromet le positionnement TCM.

Jamais

« IA » ou « intelligence artificielle » → utiliser « mesures automatisées », « aide au diagnostic », « algorithme validé cliniquement »
Témoignage médecin fictif → uniquement faits, références réelles, marques partenaires citées avec accord
Jargon réglementaire en gros (AES-256, HDS, MDR 2017/745) → « chiffrement de niveau bancaire », « hébergement de santé certifié »
Tarif produit affiché → « Loyer mensuel indicatif Médilease » uniquement
Langage ROI/business froid sur une page médicale → toujours bénéfice praticien + bénéfice patient

Toujours

Mentionner le financement Médilease & Marlon pour les jeunes installés
Signaler le SAV France 7/24 sur chaque page produit
Préciser le niveau de gamme (Essentiel / Standard / Premium / Référence) sur chaque fiche produit
Associer un code CCAM lorsque l'acte est remboursé (DZQM002, DEQP009, DAQP005, etc.)
Citer les chiffres précis (28 g, 22 j, 10 000 Hz, 562 patients/mois) — pas de vague
Mettre en avant les marques partenaires (Samsung, Ergoline, Neurosoft, Beneware…) avec autorisation

Espacement & radius

Échelle 4-128px en multiples de 4/8. Radius pill systématique sur boutons et badges, 10/16/24 pour cards et conteneurs.

Échelle d'espacement

--space-14px

--space-28px

--space-312px

--space-416px

--space-524px

--space-632px

--space-748px

--space-864px

--space-996px

Radius

--radius-sm6px

--radius10px

--radius-lg16px

--radius-xl24px

--radius-pillpill

Container max-width : 1240px · Header height : 80px desktop / 60px mobile

Banque visuelle

État des lieux des assets disponibles. Les visuels social-media (style teal vif + diagonal blocs) sont conservés pour campagnes RS mais le site institutionnel adopte un ton plus premium (palette principale + photos d'usage clinique).