Givernance
Moodboard — Identité visuelle
← Retour a l'index
1

Philosophie de marque

Libération

Liberté face à la complexité administrative. Chaque fonctionnalité libère du temps pour ce qui compte vraiment : la mission de l'association.

Enracinement

Européen, local, civique. Ancré dans les réalités du tissu associatif francophone et respectueux des normes européennes.

Chaleur

La cause compte, les personnes comptent. Un outil numérique qui n'oublie jamais l'humain derrière chaque donnée.

2

Palette de couleurs

Famille primaire

Texte clair Texte sombre
Primary
#2E7D5E
--color-primary
Boutons principaux, liens actifs, barre latérale, éléments d'accent
Texte clair Texte sombre
Primary Light
#4CAF82
--color-primary-light
Indicateurs de succès, étapes complétées, barres de progression
Texte clair Texte sombre
Primary Dark
#1A5240
--color-primary-dark
État hover sur primaire, titres dans badges succès, texte accentué
Texte clair Texte sombre
Primary 50
#E8F5EE
--color-primary-50
Fonds de badges succès, alertes succès, surbrillance ligne tableau
Texte clair Texte sombre
Primary 100
#C8E6D7
--color-primary-100
Bordures d'alertes succès, lignes de checklist complétées

Neutres

Texte sombre
Neutral 50
#FAFAF8
--color-neutral-50
Fond de page principal (--color-bg)
Texte sombre
Neutral 100
#F2F0EC
--color-neutral-100
Surface alternative, fond de carte AI, colonnes Kanban
Texte sombre
Neutral 200
#E4E0D9
--color-neutral-200
Bordures, séparateurs, fond de barre de progression
Texte clair Texte sombre
Neutral 600
#6B6760
--color-neutral-600
Texte secondaire, libellés, descriptions
Texte clair
Neutral 900
#1C1B19
--color-neutral-900
Texte principal, titres, contenu critique

Accents

Texte clair Texte sombre
Amber
#D97706
--color-amber
Avertissements, notifications, tendances négatives, urgences
Texte clair Texte sombre
Indigo
#5B4FD4
--color-indigo
Erreurs, champs obligatoires, actions destructives
Texte clair Texte sombre
Sky
#2E79A6
--color-sky
Informations, liens, alertes informatives
3

Spécimens typographiques

Instrument Serif Police de titres
36px var(--text-3xl)
Les grandes causes méritent de grands outils
28px var(--text-2xl)
Les grandes causes méritent de grands outils
24px var(--text-xl)
Les grandes causes méritent de grands outils
20px var(--text-lg)
Les grandes causes méritent de grands outils
Inter Police de corps
16px Regular 400
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
16px Medium 500
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
16px Semi-bold 600
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
14px Regular 400 · var(--text-base)
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
14px Medium 500
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
14px Semi-bold 600
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
13px Regular 400 · var(--text-sm)
Givernance accompagne les associations dans leur transformation numérique. Une plateforme conçue pour simplifier la gestion quotidienne et amplifier l'impact social.
JetBrains Mono Police de données
14px Regular 400 · var(--text-base)
€12 450,00 — 1 247 constituants — 89,3%
14px Medium 500
€12 450,00 — 1 247 constituants — 89,3%
12px Regular 400
€12 450,00 — 1 247 constituants — 89,3%
12px Medium 500
€12 450,00 — 1 247 constituants — 89,3%
4

Iconographie

Lucide Icons — Grille 24px, trait 1.5px, coins arrondis. Style cohérent et lisible à toutes les tailles.
5

Galerie de composants

Boutons
Primary
normal  ·  hover
Secondary
normal  ·  hover
Destructive
normal  ·  hover
Ghost
normal  ·  hover
Badges
Succès Avertissement Erreur Information Neutre
Carte standard
Campagne solidaire 2025
Objectif annuel de collecte de fonds
Active

Cette campagne vise à rassembler les dons nécessaires pour financer les projets d'éducation et d'insertion de l'année. Chaque contribution fait la différence.

Progression 67%
Carte suggestion IA
🧠 Suggestion IA
Le donateur Jean-Pierre Martin n'a pas été remercié pour son don de €500 reçu il y a 3 jours. Un email de remerciement personnalisé pourrait renforcer la fidélisation.
Barres de progression
0%
35%
67%
100%
Alertes
Succès — Le reçu fiscal a été généré et envoyé par email au donateur.
Attention — 12 reçus fiscaux sont en attente de validation avant la date limite du 31 mars.
Erreur — Impossible de synchroniser avec le prestataire de paiement. Vérifiez vos identifiants API.
Information — Une nouvelle version de la plateforme est disponible. Les mises à jour seront appliquées ce soir à 22h.
6

Esprit de marque

« La meilleure interface est celle qui donne l'impression d'avoir toujours été là. »

Chaleureux

Des teintes organiques, une typographie serif élégante. L'interface respire la bienveillance.

Calme

Des espaces généreux, pas de surcharge visuelle. Chaque écran invite à la concentration.

Capable

Des tableaux de bord puissants, des données lisibles. L'outil maîtrise la complexité pour vous.

Fiable

Des actions prévisibles, des retours clairs. La confiance se construit à chaque interaction.

Inclusif

Accessible à tous les profils, conforme WCAG. La technologie au service de chacun.