Cohérent
Un seul vocabulaire visuel pour tous les produits Lumy.
Lumy UI
Bibliothèque de composants partagée entre tous les produits Lumy Corporation (Search, Mail, Translate, Aura). Chaque composant est documenté avec son rendu, son code HTML et ses variantes.
Installation
Chaque page de ton produit n'a besoin d'importer que deux fichiers.
<link rel="stylesheet" href="/ui.css">
<script src="/ui.js" defer></script>
HTML
Principe
Toutes les classes du design system sont préfixées par
.lumy-. Les variantes utilisent un double tiret
(.lumy-btn--primary), et les états JavaScript
utilisent .is-*.
Thémable
Chaque produit peut redéfinir ses jetons de couleur.
Accessible
Focus visible, rôles ARIA et navigation clavier intégrés.