Charte de marque

Le soin,
écrit avec le cœur.

Depuis plus d'un siècle, l'Association Sainte-Marie accompagne chaque personne dans sa singularité. Une identité chaleureuse, humaine et lumineuse.

Association Sainte-Marie
Couleurs

Une palette claire et chaleureuse

Le turquoise #3ECAB4 porte l'identité et l'interaction ; le doré #FCBE00 souligne sans jamais alourdir. Sur fond blanc, chaque texte respecte le contraste AA.

Turquoise couleur de marque & interaction
Teal 50
#EDFAF7
Teal 100
#D0F2EC
Teal 200
#A0E5D9
Teal 300
#60CFC1
Teal 400
#3ECAB4
logo
Teal 500
#22AE98
Teal 600
#198D7A
hover
Teal 700
#0F6B5C
texte AA
Teal 800
#0A4D42
Doré accent chaleureux, jamais en texte courant
Gold 50
#FFFEF0
Gold 100
#FFF6C0
Gold 200
#FFE870
Gold 300
#FFD430
Gold 400
#FCBE00
logo
Gold 500
#C99800
texte AA
Gold 600
#9E7800
Gold 700
#7A5A00
Neutres textes, fonds, bordures
Encre
#1A2827
texte
Neutral 600
#4A4540
Neutral 500
#6E6860
secondaire
Neutral 400
#9A9488
Neutral 200
#E2E0D8
Neutral 50
#F8F8F6
Typographie

Montserrat & Source Sans 3

Montserrat structure les titres avec une géométrie moderne et lisible. Source Sans 3 porte le corps de texte, optimisé pour la lecture et l'accessibilité dès 16px.

Tags & labels de section

Caveat

Script manuscrit — chaleur et humanité. Utilisé exclusivement pour les tags de section (30px, 600, teal). Jamais pour les titres principaux ni le corps de texte.

Projet associatif
Nos établissements
Actualités
AaRegular · 400
AaSemibold · 600
AaBold · 700
Titres

Montserrat

Geometric sans — chaleur et clarté aux grandes tailles. Sentence case, jamais Title Case.

Accompagner chaque vie
AaLight · 300
AaMedium · 500
AaSemibold · 600
AaBold · 700
AaExtrabold · 800
Corps de texte

Source Sans 3

Haute lisibilité, grande hauteur d'x. Interlignage généreux (1,5–1,65). Minimum 16px.

Chaque résident est reconnu dans sa singularité. Notre projet repose sur la conviction que la dignité, l'autonomie et le lien familial sont les fondements d'une vie épanouie.

AaRegular · 400
AaSemibold · 600
AaBold · 700
Échelle typographique

Une progression fluide

5xl · 72Lien
4xl · 52Confiance
3xl · 40Accompagner
2xl · 32Ensemble vers l'avenir
xl · 24Une attention de chaque instant
base · 18Le texte courant, pensé pour une lecture confortable.
Composants

Des éléments doux et accessibles

Coins arrondis, ombres légères, transitions de 150 ms. Chaque cible interactive mesure au moins 44px et révèle un anneau de focus turquoise.

Pattern tag / titre de section

Toutes les sections utilisent ce pattern : label Caveat 30px teal, puis titre Montserrat 800. Le tag Caveat remplace l'ancien badge pill.

Nom de la section

Titre principal de la section

Le tag Caveat donne un caractère manuscrit et humain ; le titre Montserrat 800 apporte la lisibilité et le poids.

Variante sur fond teal

Titre en blanc sur fond teal

Boutons

Pilule pleine. Accent doré = CTA principal (dons, actions fortes). Primaire teal = navigation secondaire. Ghost = liens discrets.

Badges

Étiquettes courtes, en capitales. Turquoise, doré, plein ou bordé.

Actualité Nouveau Établissement Bénévolat

Cartes établissements

Fond blanc, rayon 20px, ombre douce. Photo 180px en haut, élévation au survol.

Mon Village

Un lieu de vie à taille humaine, au cœur de la Provence.

Surfaces colorées

Deux surfaces signature : teal #3ECAB4 pour les sections actives/mises en avant, encre #1A2827 pour les blocs sombres. Texte toujours blanc.

66%

déductibles de l'impôt sur le revenu — fond teal, chiffres blancs, CTA jaune.

Je fais un don
60%

de réduction d'impôt sur les sociétés — fond encre, chiffres blancs, CTA bordé blanc.

Nous contacter

Formulaire

Label visible, rayon 8px, anneau de focus turquoise.

Nous vous répondons sous 48 h ouvrées.