Fondation UI — développement

Vitrine de la fondation UI

Page temporaire pour valider le shell, les thèmes, la typographie et les composants primitifs. Aucune fonctionnalité métier.

Marque

BrandMark

Aperçu favicon

Logo complet

Aviora

Logo compact

Sur surface claire

Aviora

Sur surface sombre

Aviora

Hiérarchie des surfaces

Page

Sidebar

Carte

Navigation active

Élément actif

Élément inactif

Typographie

Titre de page

Titre de section

Titre de carte

Texte de corps utilisé pour le contenu principal. Il doit rester lisible en thème clair et sombre.

Libellé

Texte atténué pour le contexte secondaire.

Métadonnée · v0.0.0

Texte d'aide compact

Boutons

Champs

Libellé

Cartes

Titre de carte

Texte atténué pour le contexte secondaire.

Contenu générique de carte pour vérifier l'espacement et le contraste.

Aucun élément

État vide

Placeholder générique pour un état vide. Remplacé plus tard par du contenu produit.

Badges

BadgesSecondaryOutlineDestructifAV

Squelettes de chargement

Séparateurs

Texte de corps utilisé pour le contenu principal. Il doit rester lisible en thème clair et sombre.

Texte atténué pour le contexte secondaire.

Info-bulles

Menu déroulant

États sémantiques

Succès

Avertissement

Information

Destructif

États de focus clavier

Utilisez Tab pour vérifier les anneaux de focus visibles.