Direction A — Teal Garden

Le vert de madami.fr poussé vers un teal sophistiqué. Frais, confiant, unique.

Palette de couleurs

Primaire : Teal (hue 175 OKLch) — Accent : Corail chaud (hue 35 OKLch).
Le teal évite le "vert bio" tout en restant dans l'ADN madami.fr. Le corail apporte la chaleur humaine.

Pourquoi Teal ? Le vert de madami.fr (hue ~149) est frais mais peut paraître "nature/bio". En poussant vers hue 175 (teal), on obtient une couleur plus sophistiquée, plus tech/confiance (Supabase, Vercel utilisent des teintes similaires), tout en restant dans la famille verte. C'est un vert "professionnel". Le corail en accent crée un contraste chaud/froid très agréable.

Dashboard — Métriques

Revenus du mois
2 847 €
↑ +18% vs mois dernier
Membres actifs
284
↑ +12 ce mois
Dons reçus
1 420 €
↑ +23% vs mois dernier
Billets vendus
67
→ Stable

Graphique

Évolution des revenus
7j
30j
90j
12m

Table — Derniers membres

Membres récents
Membre Formule Statut Date d'adhésion Montant
Camille Durand
camille.durand@email.com
 Tarif plein Active 2 fév. 2026 45,00 €
Antoine Moreau
a.moreau@gmail.com
 Tarif réduit En attente 1 fév. 2026 25,00 €
Léa Petit
lea.petit@outlook.fr
 Tarif plein Active 30 jan. 2026 45,00 €
Hugo Bernard
hugo.b@yahoo.fr
 Gratuit bénévole Bénévole 28 jan. 2026 0,00 €

Cards pricing (double border style Xata)

Découverte
Pour démarrer simplement
0 € /mois
  • Jusqu'à 50 membres
  • Page association publique
  • Dons en ligne
  • Support par email
Essentiel
L'outil complet pour votre asso
20 € /mois
  • Membres illimités
  • Adhésions en ligne
  • Reçus fiscaux CERFA auto
  • Activités & billetterie
  • Import CSV
  • Support prioritaire
Sur mesure
Pour les grandes structures
Sur devis
  • Tout Essentiel
  • Multi-établissements
  • API & intégrations
  • Accompagnement dédié

Formulaire

Faire un don
Association Nature & Partage — Montpellier
Note sur les bordures : Inspiré Supabase — les bordures sont fines (1px), semi-transparentes au repos, et passent en couleur primaire au hover/focus. Le border-radius est à 12px (cards) et 8px (inputs/boutons) — arrondi moderne sans être "bulle". Le double-border sur la card pricing "Populaire" utilise box-shadow + border pour l'effet Xata.
Note sur les couleurs du tableau : Row hover en primary-50 (très léger), thead sur neutral-50, badges avec fond coloré subtil. Les nuances de couleur dans le tableau apportent la vie qui manque au shadcn par défaut, sans surcharger.