Base Composants
Design System — Boucherie Yonnet
Design Tokens
Couleurs
#C0A66C
#AA824A
#090A0A
#1E1E1E
#F7F4F0
Design Tokens
Typographie
Desktop
H1 desk — Alegreya SC Medium
L'excellence de la viande
H2 desk — Caveat Regular 24px
Nos Rayons
H2 like H3 — Alegreya SC Medium 32px
Venez Nous Rencontrer
H3 desktop — Alegreya SC Medium 32px
Découvrez Nos Produits
H4 desktop — Alegreya SC Regular 24px
Traiteur Événementiel
Hero desk — Inter Light 20px
Depuis plus de 20 ans, nous sélectionnons pour vous...
Desk S light — Inter Light 16px
Nous sélectionnons les meilleures viandes.
Desk S bold — Inter SemiBold 16px
Client régulier
Desk S light italic — Inter 200i 16px
"On cherche la perfection."
Desk XS light — Inter Light 14px
Viandes d'exception
Desk XS light italic — Inter 200i 14px
© 2026 Boucherie Yonnet
Desk XS gras — Inter SemiBold 14px
Meta en gras
BTN desk — Inter SemiBold 16px
Bouton texte
Nav desk — Caveat Regular 24px
Menu Item
Mobile
H1 mobile — Alegreya SC Medium 36px
L'EXCELLENCE DE LA VIANDE
H2 mobile — Caveat Regular 20px
Nos Rayons
H2 like H3 mobile — Alegreya SC 32px
Venez Nous Rencontrer
H3 mobile — Alegreya SC Medium 24px
Découvrez Nos Produits
H4 mobile — Alegreya SC Medium 24px
Traiteur Événementiel
Hero mobile — Inter Light 16px
Depuis plus de 20 ans...
Mobile S light — Inter Light 16px
Nous sélectionnons les meilleures viandes.
Mobile S bold — Inter SemiBold 16px
Client régulier
Mobile S light italic — Inter 200i 16px
"On cherche la perfection."
Mobile XS light — Inter Light 14px
Viandes d'exception
Mobile XS light italic — Inter 200i 14px
© 2026 Boucherie Yonnet
Mobile XS bold — Inter SemiBold 14px
Meta en gras
BTN mobile — Inter SemiBold 16px
Bouton texte
Nav mobile — Caveat Regular 20px
Menu Item
Composants
Icônes (47)
Composants
Boutons
Or — Desktop
Or — Mobile
Ghost — Desktop (border 2px)
Ghost — Mobile (border 3px)
Composants
Items Navbar
État normal
État hover
Composants
Étoiles, Avis & Budget
Étoiles — Desktop (16px)
Étoiles — Mobile (14px)
Budget (€)
Composants
Cartes Témoignages
Mini Desktop (410×261)
Toujours des produits de première fraîcheur et des conseils précieux.
Grande (756×326)
Service traiteur au top pour notre réunion d'entreprise de 35 personnes.
Événement professionnel
Mini Mobile (326×auto) — Figma 900:21975
Avis client
Composants
Carte Article Blog (330×464)
RecetteCôte de bœuf parfaite
Les secrets d'une cuisson réussie pour une côte de bœuf savoureuse.
Composants
Cartes Offres
Desktop — avec détail (400×160)
Plateau
Description de l'offre
Nombre de personne
Mobile — avec détail (326×160)
Plateau
Description de l'offre
Nombre de personne
Desktop — sans détail (400×160)
Plateau
Description de l'offre
Mobile — sans détail (326×160)
Plateau
Description de l'offre
Composants
Mini Cards — Valeurs (300×300)
Choix
Large gamme de viandes
Excellence
Produits primés
Écoresponsable
Circuits courts
Passion
Boucher depuis 20 ans
Proximité
Au cœur de Colombelles
Composants
Ico + Texte
Desktop — icoGauche + texte + icoDroite (opacity 0.9)
Mobile — icoGauche + texte + icoDroite (w:136px)
Exemples d'utilisation (bandeau, footer, info-bar)
Liens "Découvrir" / "Voir tous" (texte Or + flèche Or)
Composants
Champs Formulaire
Desktop — Place (Input simple) — Grand (384px)
Desktop — Place (Input simple) — Petit (304px)
Desktop — Sélection fermé — Grand (384px)
Desktop — Sélection ouvert — Grand (384px)
Desktop — Textarea — Grand (816px)
Desktop — Textarea — Petit (632px)
Mobile — Place (Input simple) — Grand (296px)
Mobile — Sélection fermé — Grand (296px)
Mobile — Sélection ouvert — Grand (296px)
Mobile — Textarea — Grand (296px)
Newsletter
Composants
FAQ — Accordéon
Desktop — Fermé (bordure Or, pas de fond)
Desktop — Ouvert (bordure Bronze)
Oui, nous proposons un service traiteur complet pour tous vos événements : buffets froids, plateaux, couscous royal.
Mobile — Fermé (bordure 0.5px Bronze, question Inter Light 16px)
Mobile — Ouvert (bordure 1px Bronze, réponse 14px)
Oui, buffets, plateaux, couscous royal.
Composants
Radio Buttons
Simple
Avec icône
Composants
En-tête (Header)
Desktop (1512px)
Mobile (390px)
Composants
Bandeau (Top Bar)
Desktop (1512px)
Mobile (390px) — Figma 611:11689
Composants
Pied de Page (Footer)
Desktop (1512px) — 4 colonnes
Boucherie-charcuterie artisanale depuis plus de 20 ans à colombelles.
Qualité, savoir-faire et service irréprochable.
Navigation
Accueil
La Maison Yonnet
Nos produits
Traiteur & événements
Blog & Actualités
Contact
Nos services
Boucherie artisanale
Charcuterie maison
Fromagerie
Produits locaux
Traiteur & événementiel
Livraison
Contact
14460 Colombelles
15h00-19h00
Dimanche : Fermé
Mobile (390px) — empilé
Boucherie-charcuterie artisanale depuis plus de 20 ans à colombelles.
Qualité, savoir-faire et service irréprochable.
Navigation
Accueil
La Maison Yonnet
Nos produits
Traiteur
Blog & Actualités
Contact
Nos Produits & Services
Boucherie artisanale
Charcuterie maison
Fromagerie
Epicerie Fine & Produits locaux
Traiteur événementiel
Livraison
Contact
14460 Colombelles
15h00-19h00
Dimanche : Fermé
© 2026 Boucherie Yonnet. Réalisé par Shirley Marais. Tous droits réservés.
Composants
Navigation Secondaire (Produits)
Desktop — Général
Desktop — Page Traiteur
Desktop — Page Boucherie
Desktop — Page Charcuterie
Desktop — Page Fromagerie
Desktop — Page Epicerie Fine
Mobile — Général
Mobile — Page Traiteur
Mobile — Page Boucherie
Mobile — Page Charcuterie
Mobile — Page Fromagerie
Mobile — Page Epicerie Fine