Couleurs

Le Design System b.connect utilise une palette structuree en 3 niveaux : marque, surfaces/textes, et statuts semantiques.

Palette marque

#2C3550

--bc-brand

Bleu b.connect (titres, bouton primaire)

#FF0254

--bc-pink

Rose b.connect

#FF5B00

--bc-orange

Orange b.connect

Gradients

--bc-grad

--bc-grad-r

Surfaces et structure

#e8e9ec

--bc-ink

Fond page principal

#f4f5f7

--bc-surface

Surface secondaire

#FFFFFF

--bc-panel

Panneau / carte

#f4f5f7

--bc-raised

Surface surélevée

#F5F5F5

--bc-well

Fond champs formulaire

#ABAEB9

--bc-edge

Bordure standard

#E7E7E7

--bc-edge2

Bordure légère

Textes

--bc-text

#2C3550 — Titres

--bc-text-body

#003636 — Corps de texte

--bc-sub

#6F6F6F — Surtitre, info complémentaire

--bc-dim

#808696 — Texte désactivé / placeholder

Statuts semantiques

Green

--bc-green

#007B00

--bc-green-bg

#CCF4CC

--bc-green-text

#007B00

Yellow

--bc-yellow

#EAB308

--bc-yellow-bg

#FEF3C7

--bc-yellow-text

#854D0E

Red

--bc-red

#DB0011

--bc-red-bg

#FBECEE

--bc-red-text

#DB0011

Blue

--bc-blue

#60a5fa

--bc-blue-bg

rgba(96,165,250,0.1)

--bc-blue-text

#1d4ed8

Couleurs ​

Palette marque ​

Gradients ​

Surfaces et structure ​

Textes ​

Statuts semantiques ​