Design System · Preview

Un design system cohérent, une seule D.A.

Aperçu du socle Hezign : composants partagés, typographie, accents dégradés, halos et micro-interactions. Tout le site pourra suivre cette grammaire visuelle.

Bouton primaire Bouton secondaire
(01) Composants

Grille de cartes

Cartes signature : bordure fine, contour dégradé et lift au survol.

01

Contenu citable

Des pages factuelles et structurées, faciles à extraire et à citer.

02

Données structurées

Schema.org complet pour une lecture sans erreur de votre activité.

03

Autorité de marque

Cohérence de vos informations sur l'ensemble du web.

Ce gabarit remplace les blocs de texte centrés jugés trop fades. Le titre et l'eyebrow restent à gauche (en sticky sur desktop), le contenu se déroule à droite sur une largeur de lecture confortable.

Il s'applique aux sections « pourquoi », « méthode » ou « à propos », et donne un rythme plus éditorial et premium à la lecture, cohérent d'une page à l'autre.

Les liens gardent l'accent rose de la marque et la typographie suit la même échelle partout.

(03) Méthode

Étapes numérotées

01

Audit

État des lieux complet de votre présence.

02

Structuration

Contenu et données mis en forme pour la lecture machine.

03

Autorité

Harmonisation de vos informations sur le web.

04

Suivi

Contrôle régulier et corrections.

(04) FAQ

Accordéon

Question d'exemple numéro un ?+
Réponse concise et lisible, dans la même grammaire typographique que le reste du site.
Question d'exemple numéro deux ?+
Le composant FAQ est réutilisable sur toutes les pages (services, villes, GEO).
Question d'exemple numéro trois ?+
Ouverture animée, marqueur « + » qui pivote, bordure d'accent à l'ouverture.
(05) Fondations

Couleurs & typographie

Brand #D30F57
Dégradé
Surface
Ink / Texte

Outfit Display accent

Inter pour le corps de texte : lisible, neutre, avec l'accent rose sur les liens et les mots-clés en dégradé pour la hiérarchie.

Prêt à unifier toute la D.A. ?

Ce socle sert de base à la migration des pages villes, services, blog et conversion.