ELMES-ACAD · Design System

Section Bâtiment et Travaux Publics

Base visuelle empruntée à la charte graphique de l'INBTP (Novembre 2025) pour cette section — ELMES-ACAD est l'éditeur de la plateforme, l'INBTP n'est que la source du langage visuel. Couleurs, typographies et éléments graphiques, prêts à recevoir le contenu des 4 sprints.

Discere · Struere · Mutare

Apprendre. Bâtir. Se transformer.

Section Bâtiment et TP

Logo

INBTP

L'écusson officiel (armoiries) n'est disponible que dans le PDF de la charte (brand/charte-graphique-inbtp.pdf). Dépose un export vectoriel (SVG/PNG haute résolution, fond transparent) dans public/logo/ pour remplacer ce texte par le vrai logo dans src/components/brand/.

Couleurs

Bleu et rouge restent en toute circonstance les couleurs de base. La palette secondaire s'utilise en mineur, pour accentuer.

Couleurs de base

Bleu

#058AC5

--color-inbtp-blue

Rouge

#E76067

--color-inbtp-red

Vert

#5ECB44

--color-inbtp-green

Noir

#272826

--color-inbtp-black

Gris

#8E8D8B

--color-inbtp-gray

Gris clair

#D4D6D3

--color-inbtp-gray-light

Couleurs secondaires

Violet

#56256C

--color-inbtp-purple

Bordeaux

#852242

--color-inbtp-bordeaux

Rose

#E8425C

--color-inbtp-pink

Orange

#EB6608

--color-inbtp-orange

Corail

#ED7556

--color-inbtp-coral

Rose clair

#F4B2C4

--color-inbtp-pink-light

Or

#F49C24

--color-inbtp-gold

Jaune

#FCC433

--color-inbtp-yellow

Vert foncé

#115428

--color-inbtp-green-dark

Vert

#00973A

--color-inbtp-green-mid

Vert clair

#81C079

--color-inbtp-green-light

Turquoise

#33B5B3

--color-inbtp-turquoise

Cyan

#009DB0

--color-inbtp-cyan

Bleu clair

#35A8E0

--color-inbtp-blue-light

Bleu pâle

#AFD0EE

--color-inbtp-blue-pale

Cyan pâle

#95D2DC

--color-inbtp-cyan-pale

Marine

#14375A

--color-inbtp-navy

Noir (alt)

#191817

--color-inbtp-black-alt

Gris (alt)

#929293

--color-inbtp-gray-alt

Brun

#8D7A67

--color-inbtp-brown

Beige

#FCE0C5

--color-inbtp-beige

Blanc cassé

#F5F1E8

--color-inbtp-offwhite

Rouge vif

#E50000

--color-inbtp-red-bright

Tokens sémantiques (shadcn)

Primary
Secondary
Accent
Destructive
Muted

Typographies

Barlow — titres, sous-titres, texte courant

Barlow Light 300

Barlow Regular 400

Barlow Medium 500

Barlow SemiBold 600

Barlow Bold 700

Barlow Black 900

Oswald — libellés de bloc, textes secondaires

Oswald Regular

Oswald Medium

Oswald Bold

Éléments graphiques

Le Bloque

Publication des résultats
Service de communication
Admissions 2026

Le Motif

Composants (shadcn/ui)

BadgeSecondaireAlerte
Section Génie rural
Exemple de carte utilisant les tokens de couleur du thème.
Onglets
Section Bâtiment et Travaux Publics.