v1 · juillet 2026

Le design system Feve

Tokens sémantiques, utilitaires Tailwind, composants éditables, thèmes par espace. Une seule source de vérité : change une variable, tout le site suit.

Fondations

Couleurs, tailles, espacements et rayons vivent dans les variables globales. On change un token, tout le site suit.

Couleurs

brand

#004757 · constant

primary

surface · change par espace

primary-hover

#2b7383 · change par espace

accent

#ffeb83 · installation

accent-soft

#fff4bb

transmission

#bddfd3

cream

#edebe7

muted

#f6f6f7

background

#ffffff

border

#e6e4e0

muted-foreground

#414141 · texte secondaire (sous-titres, légendes)

foreground

#1d1d1d

Typographie

Display : Mazius italique (titres, grands chiffres). Corps : Open Sauce Sans. Échelle Tailwind, valeurs mobiles automatiques via le mode Mobile des tokens.

text-xs · 12px

Fermes En Vie — foncière solidaire

text-sm · 14px

Fermes En Vie — foncière solidaire

text-base · 16px

Fermes En Vie — foncière solidaire

text-lg · 18px

Fermes En Vie — foncière solidaire

text-xl · 20px

Fermes En Vie

text-2xl · 24px

Fermes En Vie

text-3xl · 30 / mob 26

Fermes En Vie

text-4xl · 36 / mob 30

Fermes En Vie

text-5xl · 48 / mob 36

Fermes En Vie

text-6xl · 60 / mob 40

Fermes En Vie

Espacements

Échelle space-1 (4px) → space-20 (80px), câblée aux gaps et paddings. space-16 et space-20 se compriment automatiquement en mobile (64→48, 80→56).

gap-2 · 8px

gap-4 · 16px

gap-6 · 24px

gap-8 · 32px

gap-12 · 48px

gap-16 · 64px

Rayon : token unique radius = 8px, appliqué aux cartes, boutons, images et vidéos. Pills (badges, avatars) : 9999px.

Un seul bouton, coloré par l'espace

Le même ui-btn partout. Seul le wrapper .theme-* change (mode de variables).

Composants

11 composants à contenu éditable (props), thémables par espace. Chaque bloc ci-dessous est une instance réelle, telle qu'elle s'insère dans une page.

Hero

Donnez vie à des fermes agroécologiques

FEVE finance des fermes pour permettre l'installation de la nouvelle génération d'agriculteurs et d'agricultrices.

Ferme agroécologique financée par FEVE

Section Header

Les dernières fèves installées

Découvrez les fermes financées par FEVE partout en France.

Content Card

Ferme agroécologique financée par FEVE

Investir dans la terre agricole : guide complet

Découvrez comment l'investissement solidaire dans les terres agricoles finance la transition agroécologique.

Consulter le guide

Stats Banner

+120

fermes financées

8 000

hectares en agroécologie

15 000

citoyens investisseurs

Process Steps

1

Déposez votre projet

Vous nous partagez votre projet d'installation agricole en quelques minutes.

2

Étude du projet

Nos équipes étudient la viabilité économique et agronomique de la ferme.

3

Financement citoyen

La ferme est financée par la communauté d'investisseurs solidaires FEVE.

4

Installation

Vous vous installez en bail rural et démarrez votre activité agroécologique.

Testimonial

Grâce à FEVE, j'ai pu m'installer sur une ferme que je n'aurais jamais pu financer seule. Un vrai projet de vie.

M
Marie Dupont
Maraîchère installée en 2023

FAQ · details / summary natif, zéro JS

Comment fonctionne l'investissement chez FEVE ?

Vous investissez dans une foncière solidaire qui achète des fermes et les loue à des agriculteurs en bail rural environnemental de long terme.

Puis-je récupérer mon investissement ?

Les parts sont cessibles au bout de 5 ans. FEVE vous accompagne pour trouver un repreneur au sein de la communauté.

Quel est le montant minimum pour investir ?

Vous pouvez investir à partir de 100 € en parts de la foncière solidaire, accessible à tous les citoyens.

Button · variant link

Découvrir toutes les fermes

Badge

Foncière solidaire

Installation

Transmission

Info Card

Un modèle gagnant-gagnant

FEVE achète la ferme et la loue en bail rural de long terme à des agriculteurs sélectionnés pour leur projet agroécologique.

En savoir plus

Un impact mesurable

Chaque ferme financée est convertie à l'agroécologie et suit la charte FEVE, avec un suivi d'impact annuel publié.

Voir notre impact

Une épargne qui a du sens

Votre investissement finance du foncier agricole réel, avec une réduction d'impôt de 25 % du montant investi.

Découvrir l'investissement

Bullet List

Logo Strip

Video Embed

CTA Banner

Prêt à donner du sens à votre épargne ?

Rejoignez les 15 000 citoyens qui financent l'installation de la nouvelle génération agricole.

Découvrir l'investissement

Prose · rich text (ProseStyles + .ui-prose)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

Text link

Bold text

Emphasis

Superscript

Subscript