Aller au contenu

Bilan du parcours : le système de design

Votre page showcase est devenue un petit écran d'annuaire complet, construit
uniquement avec la charte et les composants du squelette.

Ce que vous maîtrisez

  • La charte (@theme) : une source unique pour couleurs, police et rayons ;
    recolorer = éditer un token.
  • La mise en page : gabarit base.html, navbar, breadcrumb,
    page_header.
  • La présentation : button, card, badge, stat, alert,
    empty_state.
  • La saisie et la validation : field, select_field, radio_group,
    checkbox, file_field, fieldset, submit, états d'erreur, form_errors,
    flash_messages.
  • Les données : table, pagination, search_field.
  • L'interactivité sans JS : accordion, dropdown, modal (HTML natif).

À retenir

  • Une apparence cohérente sans recopier de classes : charte centrale, gabarit
    partagé, composants réutilisables.
  • Charte et composants sont votre code : étendez-les librement, le noyau
    Forge n'impose aucune apparence.

Pour aller plus loin

Réappliquez ce système à toutes vos pages.