Design System · Direction « La Terre & les Mains »

La Ferme du Vidalet

Carnet de terroir provençal contemporain. On ressent le respect du vivant et la confiance tranquille d'un producteur : matière tactile, palette de terre, sérif éditorial.

Palette

Une palette de terre lue dans la référence : brun-olive sombre, crème chaud, terracotta brûlée, olive sourd.

Ink#231F16 — texte + fonds immersifs
Canvas#F3ECDD — fond clair dominant
Primary 600#BC4E2B — CTA, témoignages
Primary 700#9C3E20 — hover
Primary 50#F6E2D6 — fond teinté
Secondary 600#6C6A43 — olive, eyebrows
Secondary 50#E7E4D1 — fond olive clair
Border#DAD1C0 — séparateurs

Typographie

Fraunces (sérif old-style organique) en titres + Hanken Grotesk (sans humaniste chaleureux) en corps.

H1 hero — Fraunces
Le meilleur de notre terre,
directement de nos mains.
H2 — Fraunces
Nos produits & notre terroir
Lead — Hanken Grotesk
Fruits, légumes, fromages, miel, vin… Des produits frais, bio en majorité, à un prix juste.
Body — Hanken Grotesk
Du producteur direct, sans intermédiaire. Une équipe qui vous accueille dans la bonne humeur, à deux pas de Pertuis, au pied du Luberon.
Caption — Hanken Grotesk
Circuit court · Pertuis · Luberon

Boutons

Primary terracotta (CTA principal, max 1 par écran) + Secondary outline.

Cards catégories & icônes

Lucide, trait fin 1.25, terracotta. 10 icônes curées pour le métier.

Fruits & légumesde saison, bio
Fromages & œufsfermiers
Vins locauxdu terroir
Miel & confituresde nos ruchers
apple
carrot
wheat
droplets
sprout
map-pin
clock

Témoignage

Posé sur le bandeau terracotta, étoiles et texte en crème (verbatim Google réels uniquement).

★★★★★

« De vrais légumes et fruits de la ferme, accueil plus qu'adorable, prix très bien placés. »

ROBERT-CHAPOT Céline · Avis Google

Animation & tokens

Intensité subtle (CSS natif) · radius signature rounded-xl · grain papier léger sur fonds sombres.

reveal-on-scrollstagger-heroparallax-scrollprogressive-blur-scroll
À FAIRE
  • Alterner sections crème / brun-olive sombre
  • Photos macro tactiles plein cadre
  • Titres Fraunces efficaces et concrets
  • Terracotta réservée aux CTA & témoignages
À ÉVITER
  • Aucun laiton/brass (accent = terracotta client)
  • Pas de border-top brass ni eyebrow mono réflexe
  • Jamais deux sections sombres de suite
  • Pas de saturation pop façon promo