Des interfaces BDU cohérentes, accessibles et rapides à construire.

Le socle front-end de la Banque de l'Union : des composants prêts à l'emploi, un thème aux couleurs de la marque et une accessibilité contrôlée. Un seul CSS et un seul JavaScript, quelle que soit la technologie du projet.

Démarrer Parcourir les composants

<link rel="stylesheet" href="https://cdn-cauri.wanetech.com/v0.1.0/cauri.min.css">
<script src="https://cdn-cauri.wanetech.com/v0.1.0/cauri.bundle.min.js" defer></script>

pnpm add @bdu/cauri

$cauri-blue: #2B62AA;
@import "@bdu/cauri/scss/cauri";

Prêt immobilier

Financez votre maison, terrain ou projet de construction.

Simulation en ligne
Accompagnement en agence

Découvrir

Ce que vous obtenez

Une marque reconnaissable partout: Couleurs, typographie, rayons et espacements viennent d'une seule source. Un changement de charte se fait à un seul endroit.
Une accessibilité contrôlée: Chaque couple de couleurs est vérifié par un test automatisé selon le niveau AA des WCAG, états au survol compris.
Compatible avec toutes les technologies: HTML, PHP, React, Vue ou Angular : les mêmes fichiers, par CDN ou par npm.
Personnalisable en Sass: Variables, maps et mixins permettent d'adapter le thème à un produit sans toucher au code du système.

Composants BDU

Les briques propres à la marque, avec leur aperçu, leur code et leurs règles d'usage.

Toute la documentation

Mise en page, formulaires, composants, aides et utilitaires : tout est décrit ici, avec des exemples à copier.

Couleurs

Voir la palette et les variables CSS

Charte provisoire. Les couleurs et la police sont déduites du site public de la BDU CI. Elles seront remplacées par la charte officielle sans changer le nom des classes.