CCB Corporate Design System V2

Système de design moderne et modulaire pour la Caisse des Compensations du Bâtiment de Genève

Un Système de Design Complet

Tous les composants dont vous avez besoin pour créer des interfaces modernes, cohérentes et accessibles

Palette complète avec les couleurs CCB officielles (Orange #FF6900 et Bleu #0066CC)

Voir les couleurs

Échelle typographique cohérente avec polices system-ui pour une performance optimale

Voir la typo

Plus de 50 composants prêts à l'emploi : boutons, formulaires, cards, badges, etc.

Voir composants

Exemple d'input

Option sélectionnée

Exemple de contenu dans une card.

Primary Success Warning Danger

Ceci est une alerte info

Développez plus rapidement avec des composants prêts à l'emploi et bien documentés

Maintenez une expérience utilisateur cohérente à travers toute l'application

Tous les composants respectent les standards WCAG pour l'accessibilité

Conçu mobile-first, fonctionne parfaitement sur tous les appareils

Architecture CSS modulaire et maintenable avec variables CSS

Documentation complète avec exemples de code pour chaque composant

Explorez la documentation complète et commencez à créer de belles interfaces