Immersion dans le jardin méditerranéen contemporain — sauvage mais composé, sobre en eau mais généreux en textures. La beauté du vivant sous contrainte climatique.
Jardin Plein Sud · Paysagiste à Apt, cœur du Luberon · Prototype Site 4.0
Une tension entre vert sauge sombre (l'ossature méditerranéenne) et gris-vert argenté (signature des graminées sèches). L'ocre ambré intervient rarement, comme la lumière rasante de septembre sur un massif.
Fond principal : canvas (#F5EFE6) — jamais de blanc pur.
Fond alternatif : canvas_soft / kraft pour alterner les sections.
Texte : ink (#2D2A24) sur canvas.
CTA principal : primary 500 ou accent (hero uniquement, une fois par page).
Footer / immersif : primary 800 avec texte canvas.
L'accent (#B97A40) n'apparaît que sur petites surfaces : filets, numéros de section, soulignements, CTA hero.
Les verts sombres (primary 700+) portent les sections immersives avec photo en overlay.
Contraste texte/fond minimum 4.5:1 partout — 7:1 sur les grandes surfaces.
Jamais deux couleurs vibrantes côte à côte sans un neutre entre elles.
Fraunces (variable, axe SOFT actif pour les italiques expressives) porte la voix éditoriale. Inter travaille en silence sur le body. Un couple, pas un patchwork.
Depuis octobre 2020, je conçois et j'entretiens des jardins qui tiennent sous la sécheresse. Essences locales, arrosage goutte-à-goutte, massifs mellifères. Le Luberon n'est plus celui des années 1990 — les jardins qu'on plante aujourd'hui ne le sont plus non plus.
Chaque intervention commence par une visite sur site. On regarde ensemble le sol, l'exposition, l'eau disponible, les arbres présents. Puis je propose un plan — un vrai plan sur papier, pas un croquis sur coin de table.
Restanque à Bonnieux, exposition sud-ouest. Oliviers adultes, lavandes papillon, stipa tenuissima. — Printemps 2024.
Nos interventions — 01
Une échelle lisible, pas un catalogue. Les sections respirent ; les contenus éditoriaux tiennent sur des colonnes étroites pour la lecture.
| Token | Valeur desktop | Valeur mobile | Usage |
|---|---|---|---|
| Section vertical normal | 96px | 64px | Entre sections standard |
| Section vertical loose | 160px | 96px | Sections éditoriales / immersives |
| Section immersive | 160-200px | 96-128px | Hero, citations, images pleine largeur |
| Card padding | 40-56px | 32px | Cartes services, cartes projet |
| Container max-width | 1200px | 100% | Largeur maximale du contenu |
| Max-width texte lead | 58ch | 100% | Body lead, introductions |
| Max-width texte body | 65ch | 100% | Paragraphes longs |
Angles presque nets (2px ou 6px) — le site repose sur les photographies et la typographie, pas sur la rondeur. Ombres chaudes teintées ink, jamais gris neutre.
| Token | Valeur | Usage |
|---|---|---|
| Radius none | 0 | Images, sections pleine largeur |
| Radius sm | 2px | Inputs, éléments UI fins |
| Radius md | 6px | Boutons, cartes — signature principale |
| Radius full | 9999px | Badges, puces circulaires rares |
Trois hiérarchies claires : primary (action principale de page), accent (CTA unique du hero), secondary (action de support), ghost (lien inline éditorial).
Primary accent : à utiliser une seule fois par page, idéalement en CTA du hero. Toutes les autres actions restent sur primary 500 neutre pour préserver la hiérarchie visuelle.
Hover : translateY(-6px) + passage shadow sm → lg en 500ms easing organique. Pas de scale, l'image de la carte ne doit pas « sauter ».
Une visite, un plan de masse, des essences méditerranéennes choisies pour votre sol. Survolez pour voir le hover.
Taille sanitaire, démontage sécurisé, dessouchage complet. Expertise arboricole certifiée.
Conformité à l'arrêté préfectoral Vaucluse : 50 m autour des constructions.
Lucide, stroke-width 1.25 — élégant, pas affirmé. Sélection curée pour le métier : essences, services, outils, localisation.
Timings longs et organiques (400-1200ms). Le site doit respirer comme un jardin, jamais tech-startup. Hero obligatoirement animé (ken-burns 22s / vidéo boucle / parallax).
| Token | Valeur | Easing | Usage |
|---|---|---|---|
| instant | 120ms | default | Feedback immédiat (actif/focus) |
| fast | 240ms | default | Hover petit (icône, lien) |
| default | 400ms | default | Hover carte, bouton |
| slow | 800ms | enter | Apparitions au scroll |
| contemplative | 1200ms | enter | Fade-up éditoriaux, reveal-line |
| ken-burns | 22s | ease-in-out | Boucle hero, scale 1 → 1.06 |
500ms cubic-bezier(0.16, 1, 0.3, 1). Passage shadow sm → lg. Jamais de scale.
scaleX(0) → scaleX(1), transform-origin left, 500ms enter easing.
Un jardin n'est jamais immobile. Un hero statique est un échec.
Macro et medium shots sur matière végétale. Lumière rasante début ou fin de journée. Mouvement valorisé.
Vouvoiement. « Je » du dirigeant là où c'est juste. Direct, précis, adulte.