Pompe à chaleur air/air
Rafraîchir l’été, chauffer l’hiver.
Monosplit mural pour une chambre ou un bureau. Fluide R32, coloris blanc.
Styleguide — maquette V3, mise à jour du 22/10/2026
Tokens et composants Brandt Energy
Chaque bloc correspond à un composant Figma. Toute valeur vient de tokens.css ; aucune couleur, taille ou espacement en dur.
Header — fixe ; Clair (blanc) partout, Sombre (transparent) sur hero photo puis Clair au défilement
Liens : survol = filet 1 px, page courante = filet rouge 2 px, focus = anneau double.
Fil d’Ariane (au-dessus) et pastilles de La maison
Fil d’Ariane : section distincte, première sous le header, Légende. Pastilles : inactive 50 %, active rouge, survol 100 %.
Couleurs (collection Brandt, 6 couleurs)
--brandt-carbon
#1E1E1E · textes, footer
--brandt-light
#F0F0F0 · fonds de sections et cartes
--brandt-red
#D50032 · CTA, états actifs
--brandt-white
#FFFFFF · fond de page
--brandt-carbon-muted
carbone 70 % · textes secondaires, carte hero, voiles
--brandt-line
carbone 12 % · filets, bordure des cartes
Espacements (grille de 4)
- 4
- 8
- 12
- 16
- 20
- 24
- 28
- 32
- 40
- 48
- 56
- 64
- 80
Typographie (Mobile par défaut, Desktop à 1024 px)
H1 — Le confort thermique qui ne se voit pas sur la facture. 36 / 28 · 110 % · Bold
H2 — Réussir son projet, en quatre étapes. 22 / 18 · 120 % · Bold
Body — Vous n’avez rien à coordonner. Vous décrivez votre projet, un installateur partenaire s’occupe du reste. 16 / 14 · 140 % · Medium
Legend — Gratuit · 4 étapes · Sans engagement 12 / 12 · 130 % · Medium
CTA — Demander un devis 18 / 14 · 120 % · Medium
Texte secondaire — brandt/carbon-muted, jamais une opacité de calque.
CTA — Primaire / Secondaire × Défaut / Hover / Focus / Désactivé
Groupe CTA + mention (gap 8, centré)
Gratuit · 4 étapes · Sans engagement
Gratuit · 4 étapes · Sans engagement
Gratuit · 4 étapes · Sans engagement
Cartes — inversion automatique, bordure brandt/line, CTA calé en bas, hauteur = contenu
Une marque française historique
Un siècle de présence dans les cuisines et les buanderies françaises.
Un accompagnement de bout en bout
De la demande de devis à la mise en service, un installateur partenaire suit votre projet. Un seul interlocuteur, rien à coordonner, et un texte plus long pour vérifier l’égalisation des hauteurs.
Ligne icône + texte
Pastille 44 à gauche, texte à droite, gap 16 / 24.
Bien chez vous, toute l’année
Le chaud l’hiver, le frais l’été, l’eau chaude pour tous. Et moins d’énergie consommée pour y arriver.
Carte hero sur photo
Fond brandt/carbon-muted, sans contour ; titre + texte Body, groupe CTA aligné à gauche en desktop.
Gratuit · 4 étapes · Sans engagement
Étiquettes, pastilles, boutons ronds, icônes
Accordéon — fermé par défaut (ici le premier déplié pour montrer l’état ouvert), filet brandt/line, en-tête H2
L’aide de l’État pour la rénovation énergétique. Son montant dépend de vos revenus et des travaux. Elle se demande avant de commencer.
Une prime financée par les fournisseurs d’énergie, ouverte à tous, sans condition de revenus.
- Format
- Monosplit mural, 1 unité intérieure
- Puissance
- 2,5 kW chaud · 2,6 kW froid
- Surface conseillée
- Jusqu’à 25 m²
Formulaires — champ, option, case, interrupteur, alerte
Nous ne l’utilisons que pour vous répondre.
Numéro incomplet.
Merci, votre demande est transmise.
Un installateur partenaire vous rappelle sous 48 h ouvrées.
L’envoi a échoué.
Vérifiez votre connexion et réessayez.
Navigation — sous-menu ouvert (desktop) et menu mobile
Carte produit (Nos solutions) et Carte gamme (pages Gamme)
Brise Mural 25
Monosplit mural pour une chambre ou un bureau. Fluide R32, coloris blanc.
Brise Mural 35
Le format le plus courant pour une pièce de vie. Fluide R32, coloris blanc.
Brise Mural 50
Pour un grand séjour ou une pièce ouverte. Fluide R32, coloris blanc ou noir carbone.
Fiche produit — puces d’option, vignettes de galerie, ancres
Format
Cookies — interrupteurs des préférences
Le bandeau de premier niveau s’affiche en bas de page tant qu’aucun choix n’est enregistré.
Réussir son projet, en quatre étapes.
Vous n’avez rien à coordonner. Vous décrivez votre projet, un installateur partenaire s’occupe du reste.
Demander un devis
Gratuit · 4 étapes · Sans engagement
-
Vous décrivez votre projet
Quatre questions simples, en ligne. Pas besoin de connaître les équipements ni les aides.
-
Un installateur partenaire vous rappelle
Il étudie votre maison, dimensionne la solution et vous conseille sur les aides et le financement.
-
Il installe votre équipement
Pose, mise en service et prise en main : vous savez comment tout fonctionne avant son départ.
-
Vous profitez du confort et des économies
Une maison agréable toute l’année, des factures allégées et un équipement qui dure.
Demander un devis
Gratuit · 4 étapes · Sans engagement