Navigation

Sidebar app (apps internes)

Pattern obligatoire pour toutes les apps internes : prodspe, ERP, webshops privés, catalogue admin.

Top nav (sites publics)

Pattern pour minisites et webshops. Logo à gauche, liens au centre, CTA à droite.

Breadcrumbs

Dans les apps internes, toujours afficher le chemin depuis la racine de la section.

<nav class="flex items-center gap-1.5 text-sm">
  <a href="/commandes" class="text-mc-green hover:text-mc-green-dark font-accent font-bold">Commandes</a>
  <svg class="h-3.5 w-3.5 text-gray-400"><!-- chevron --></svg>
  <a href="/commandes/241" class="text-mc-green hover:text-mc-green-dark font-accent font-bold">CMD-0241</a>
  <svg class="h-3.5 w-3.5 text-gray-400"><!-- chevron --></svg>
  <span class="text-gray-500">Modifier</span>
</nav>

Tabs

Pour alterner entre des vues liées au même objet (ex : commande → Détails / Documents / Historique).