UI KIT
Typographies
Titres
48/52
h1
Votre nouvelle salle de bain, de la conception à la réalisation
32/34
h2
Votre nouvelle salle de bain, de la conception à la réalisation
20/20
h3
Votre nouvelle salle de bain, de la conception à la réalisation
24/32
Introduction
Votre nouvelle salle de bain, de la conception à la réalisation
Textes
16/20
Paragraphe
Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio. Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnima
16/20
Gras
Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio. Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnima
16/20
Liste à puce
- Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio.
- Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnimaLoremLorem
16/20
Liste numéroté
- Luptam ea aut quis voluptis dem rem eveniae sumque non con re voleni occupta doluptae comnia eaquisintur asimaio.
- Milique discilist pratem quaturerore solupta digendit vita quam undanis ium ut mi, senduci endit, sit porum comnimaLoremLorem
Couleurs
Blanc
#FFFFFF
Noir
#000000
Primary 100
#fbefc2
Primary 300
#f3da75
Primary 500
#e9c14f
Primary 700
#a78738
Primary 900
#53411e
Secondary 100
#c2d9fb
Secondary 300
#75a9f3
Secondary 500
#4f82e9
Secondary 700
#3857a7
Secondary 900
#1e2753
Alertes
Boutons
Bouton par défaut
Fond clair
Fond foncé
Fond foncé
Fond foncé
Bouton secondaire
Fond clair
Fond foncé
Fond foncé
Fond foncé
Bouton lien
Fond clair
Fond foncé
Bouton lien secondaire
Fond clair
Fond foncé
Autres composants
Étiquettes
Séparateurs
Formulaires
Pagination
Tuiles
Un extrait personnalisé
Accordéon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Accordéon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Carousel
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Bienvenue sur le site de Bayle Maçonnerie, expert du génie civil et des travaux de maçonnerie en environnement industriel. La protection de vos données personnelles est une priorité pour nous. Cette politique de confidentialité explique comment nous collectons, utilisons et protégeons vos informations, conformément au Règlement Général sur la Protection des Données (RGPD) 2025. Responsable […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Bienvenue sur le site de Bayle Maçonnerie, expert du génie civil et des travaux de maçonnerie en environnement industriel. La protection de vos données personnelles est une priorité pour nous. Cette politique de confidentialité explique comment nous collectons, utilisons et protégeons vos informations, conformément au Règlement Général sur la Protection des Données (RGPD) 2025. Responsable […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Bienvenue sur le site de Bayle Maçonnerie, expert du génie civil et des travaux de maçonnerie en environnement industriel. La protection de vos données personnelles est une priorité pour nous. Cette politique de confidentialité explique comment nous collectons, utilisons et protégeons vos informations, conformément au Règlement Général sur la Protection des Données (RGPD) 2025. Responsable […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Bienvenue sur le site de Bayle Maçonnerie, expert du génie civil et des travaux de maçonnerie en environnement industriel. La protection de vos données personnelles est une priorité pour nous. Cette politique de confidentialité explique comment nous collectons, utilisons et protégeons vos informations, conformément au Règlement Général sur la Protection des Données (RGPD) 2025. Responsable […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Bienvenue sur le site de Bayle Maçonnerie, expert du génie civil et des travaux de maçonnerie en environnement industriel. La protection de vos données personnelles est une priorité pour nous. Cette politique de confidentialité explique comment nous collectons, utilisons et protégeons vos informations, conformément au Règlement Général sur la Protection des Données (RGPD) 2025. Responsable […]
Tabulations
Description
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus.
Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam.
- Ut vulputate ornare sapien. Pellentesque molestie libero justo.
- Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus.
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Typographies Titres 48/52h1 Votre nouvelle salle de bain, de la conception à la réalisation 32/34h2 Votre nouvelle salle de bain, de la conception à la réalisation 20/20h3 Votre nouvelle salle de bain, de la conception à la réalisation 24/32Introduction Votre nouvelle salle de bain, de la conception à la réalisation Textes 16/20Paragraphe Luptam ea aut […]
Container / Groupe / Colonnes
Avec contenu contraint
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Avec contenu non contraint
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Avec contenu contraint
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Avec contenu non contraint
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed blandit odio. Pellentesque cursus auctor euismod. Fusce vel ultricies dui. Integer sodales mauris sit amet finibus ullamcorper. Integer at varius risus. Aenean porta libero eleifend ligula eleifend blandit. Duis iaculis dictum diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed enim metus, egestas ac risus ac, sagittis gravida risus. Ut vulputate ornare sapien. Pellentesque molestie libero justo.