Bilan : la charte et la mise en page

Votre page showcase est habillée et structurée.

Ce que vous avez vu

• La charte vit dans le bloc @theme de static/src/input.css ; chaque token devient un utilitaire Tailwind, et recolorer revient à éditer un token.
• Le gabarit layouts/base.html fournit l'enveloppe ; vos pages l'étendent.
• navbar, breadcrumb et page_header posent la navigation et l'en-tête de la page.

À retenir

• Une source unique pour l'apparence : le @theme.
• Les composants de mise en page évitent de recopier les classes Tailwind.

Et ensuite

La page a une ossature mais pas encore de contenu.

Le niveau intermédiaire la remplit : cartes, badges, statistiques, puis un formulaire avec validation.

Niveau intermédiaire : Cartes, badges et retours