Guide de Style - v1.0 - Document de travail

LES CHATS D'LA STREET

"Chaque jour, on sauve des oubliés de la rue." Officiel

Association de protection féline Officiel
Sauvetages, soins et adoptions sous contrat - Nord Isère
100% bénévole. Pas de refuge, que du coeur.
Familles d'accueil. Vétérinaires partenaires.

375Animaux sauvés
286Adoptions
40+Bénévoles
172Stérilisations

Officiel Chiffres issus du bilan publié sur leschatsdlastreet.fr

Légende des statuts

Ce guide mélange éléments officiels et propositions. Chaque élément est tagué pour que l'équipe puisse valider ce qui doit l'être.

Officiel Issu de la charte graphique ou des données vérifiées
Déduit Dérivé logiquement des éléments officiels - à valider
Proposé Suggestion créative - à discuter et valider avec l'équipe
Exemple fictif Noms de chats, montants, textes inventés pour illustrer

Palette de couleurs

Palette officielle de la charte graphique. Le caramel (chat) et le vert olive (texte) sont les deux piliers. Le beige complète pour les fonds et la version bulle du logo.

Source : Fichier "Code couleur et typo.png" de la charte graphique. Les 3 couleurs de base (Caramel, Olive, Beige) + Blanc sont officielles. Les variantes (light, dark, pale) sont dérivées logiquement.

Caramel / Ambre - Le chat Officiel

Copier
Caramel
#b96b1f (RVB officiel)
Couleur principale. Chat du logo, boutons CTA, accents chauds.
Copier
Caramel CMJN
#b96b1e (print)
Version impression. Quasi identique au RVB.
Copier
Caramel Light Déduit
#D4924A
Variante claire, hover, icônes secondaires.
Copier
Caramel Pale Déduit
#F2DCC5
Fonds de badges, sections mises en avant.

Vert olive - Le texte Officiel

Copier
Olive
#626f38 (RVB officiel)
Texte du logo "Street", bouton contact, titres.
Copier
Olive CMJN
#637039 (print)
Version impression.
Copier
Olive Dark Déduit
#4D572B
Hover, emphase sur fond clair.
Copier
Olive Pale Déduit
#E4E8D6
Badges adoptable, fond succès.

Beige - La bulle Officiel

Copier
Beige
#d6bea6 (RVB officiel)
Fond bulle logo, arrière-plans doux.
Copier
Beige CMJN
#d7bea7 (print)
Version impression.
Copier
Beige Pale Déduit
#F0E8DF
Fonds de sections, cards.

Sémantiques Proposé

Copier
Danger
#D94E4E
SOS, urgences véto, alertes.
Copier
Danger Light
#FDE8E8
Fond badges/alertes urgentes.
Copier
Warning
#D9A020
Avertissements, soins en cours.
Copier
Info
#4A7A9B
Informations, événements.

Neutres chauds Proposé

Copier
Dark
#2C2C2C
Titres, texte principal.
Copier
Gray Dark
#5A5550
Sous-titres, nav links.
Copier
Gray
#8A857E
Texte secondaire, descriptions.
Copier
Gray Border
#E5E0D9
Bordures, séparateurs.
Copier
Warm White
#FAF8F5
Fond sections alternées, cartes.
Copier
White
#FFFFFF
Fond principal, nav, cartes.

Typographie

Trois polices officielles de la charte : Butler (serif élégant), Bely Display (titres impact), et CoolveticaRg (sans-serif arrondie). Fichiers fonts fournis dans le dossier projet.

Source : Charte graphique "Code couleur et typo.png". Butler, Bely Display et CoolveticaRg sont officiels. DM Sans est utilisée sur le site actuel pour le body. Caveat et Space Mono sont des propositions complémentaires.
Titres & "Les chats d'la" - Serif Officiel
Butler - Fichier local (Butler_Regular.otf, _Bold, _Light, _Medium, _ExtraBold, _Black, _Ultra_Light) - 7 graisses
Chaque jour, on sauve
des oubliés de la rue.
H1 - 3rem/48pxAdopte un chat
H2 - 2.2rem/35pxNos actions
H3 - 1.4rem/22pxSOS Urgence véto
H4 - 1.1rem/18pxFamille d'accueil
Accent & Émotion Proposé
Caveat - Google Fonts - weights: 400, 600, 700
Sauvé de la rue, aimé pour la vie.

Citations, slogans, annotations. Légère rotation (-1° à -2°).

"Street" & Accroches display Officiel
CoolveticaRg - Fichier local (coolvetica rg.ttf) - Sans-serif arrondie. Utiliser en gros uniquement (1.4rem+).
Les Chats d'la Street

CoolveticaRg perd en lisibilité sous 1.2rem. À réserver aux accroches, "Street" dans le logo texte, et gros textes d'impact.

Corps de texte Déduit
DM Sans - Google Fonts - weights: 400, 500, 700. Utilisée sur le site actuel.
Chaque chat qui passe notre porte a une histoire. Certains ont connu la rue depuis toujours, d'autres ont été abandonnés du jour au lendemain. Pas de refuge, pas de cage, juste des familles d'accueil qui ouvrent leur porte et leur cœur.

Lisible à toutes tailles. Paragraphes, descriptions, fiches, nav, boutons.

Données & Chiffres Proposé
Space Mono - Google Fonts - weights: 400, 700
BILAN 2025 ├── Prises en charge : 375 animaux ├── Adoptions : 286 chats heureux ├── Stérilisations : 172 (TNR) ├── Frais véto : 50 000 € └── Bénévoles actifs : 40+

Ton & Voix

Direct, authentique, le coeur sur la main. Pas de langue de bois.

Source : Déduit de l'observation du site web, des réseaux sociaux et de la FAQ. Aucune charte éditoriale officielle connue - toute cette section est à valider avec l'équipe.
🔥
Direct Déduit
Pas de détours. Un chat souffre ? On le dit.
💛
Authentique Déduit
On parle vrai. Nos galères comme nos victoires.
Combatif Déduit
On lâche rien. Chaque chat mérite sa chance.
🏠
Chaleureux Déduit
Derrière le combat, y'a de l'amour.

On dit Proposé

  • "Ce petit bout a été trouvé tout seul sous la pluie. Il cherche SA famille."
  • "375 vies sauvées en un an. Et c'est grâce à vous."
  • "On a besoin de vous. Partagez, c'est déjà énorme."
  • "Cette boule de poils est prête pour l'aventure !"
  • "Urgence véto : Caramel a besoin d'une opération. Chaque euro compte."

On ne dit pas Proposé

  • "Notre association procède au sauvetage d'animaux en situation d'errance."
  • "Nous vous serions reconnaissants de bien vouloir considérer un don."
  • "L'animal référencé sous le numéro X est disponible à l'adoption."
  • "Veuillez prendre connaissance de nos conditions d'adoption."
  • "Nous restons à votre entière disposition pour tout renseignement."

Registres selon le contexte Déduit

Adoption

Joyeux et enthousiaste. Chaque chat avec sa personnalité.

"Pixel, 8 mois, champion du monde de ronrons. Il cherche un canapé à squatter." Exemple fictif

Urgence / SOS

Grave et direct. Pas de fioritures.

"SOS Véto : Nala a été percutée par une voiture. Opération en urgence. On a besoin de 800€." Exemple fictif

Bonne nouvelle

Chaleureux et célébratoire. On partage la joie.

"Caramel a trouvé SA famille ! Après 3 mois en FA, il coule des jours heureux." Exemple fictif

Iconographie & Photos

Des vrais chats, de vraies émotions. Pas de stock photos.

Source : Icônes Lucide Icons (lucide.dev) - open source, licence ISC. Set cohérent : même trait 2px, même style outline, couleur caramel appliquée via stroke: var(--caramel). Proposé

Coeur de métier Proposé

Patte
Chat
Coeur
Maison / FA
Soins véto
Stérilisation
Urgence SOS
Protection

Actions & Statuts

Don
Bénévolat
Adoption
Validé
En attente

Communication

Photo
Partage
Événement
Collecte
Transport
Téléphone
Email

Règles photo Proposé

Authenticité

Photos par les bénévoles et FA. Pas de mise en scène. Lumière naturelle.

Personnalité

Capturer ce qui rend chaque chat unique. Sa posture, son regard, ses manies.

Dignité, pas misérabilisme

Même pour les SOS : mobiliser sans culpabiliser.

Format & Cadrage

Portrait pour adoptions. Carré pour réseaux. Au niveau du chat.

Composants UI

Les briques visuelles. Boutons arrondis (pill shape), tons chauds.

Source : Tous les composants sont des propositions design basées sur la palette officielle. Les formes (pill, badges, cards) sont inspirées du site actuel mais restent à valider. Les noms de chats et textes sont fictifs.
Boutons Proposé

Forme pill (border-radius: 50px). Le doré pour les actions principales, le vert pour le contact, le rouge pour les urgences uniquement.

Badges de statut Proposé
Adoptable Réservé Urgence Adopté En soins
Alertes Proposé
SOS Véto : Nala a besoin d'une opération en urgence. Objectif : 800€
Adoption : Pixel a trouvé sa famille ! Merci pour vos partages.
Événement : Collecte chez Animalis ce samedi.
Rappel : Stérilisation obligatoire avant 6 mois pour les chatons.
Cartes Adoption Proposé
🐱Adoptable

Pixel Exemple fictif

Mâle • 8 mois • Européen tigré
Champion du monde de ronrons. Cherche un canapé à squatter.
CâlinJoueurOK chats
😺Urgence

Nala Exemple fictif

Femelle • 3 ans • Noire
Trouvée blessée. Opération nécessaire. Besoin de soutien.
DouceCalmeSOS véto
😸Adopté

Caramel Exemple fictif

Mâle • 2 ans • Roux
Après 3 mois en FA, ce survivant coule des jours heureux.
Ex-errantGuerrierHappy end

Social Media

Ce qui suit est une proposition. Ces templates sont une base graphique pour poser l'identité de l'asso sur Instagram, créer une cohérence visuelle sur le feed et renforcer l'image de marque. La visibilité et le reach, eux, viendront des réels, des stories et des contenus spontanés. Les templates donnent le cadre, le reste amène l'audience.

Source : Templates visuels et captions entièrement proposés et à valider. Les hashtags #LesChatsDlaStreet et #ProtectionAnimale sont observés sur les réseaux de l'asso.

Modèles de caption Proposé

Captions prêtes à copier-coller. Remplacer les éléments en [orange] avec les infos du chat.

Structure d'une bonne caption Instagram :
1. Accroche = la seule ligne visible avant "...plus". Elle doit donner envie de cliquer.
2. Corps = histoire, infos, émotion. Écrire comme on parle, pas comme un site web.
3. CTA = dire clairement ce qu'on attend (adopter, partager, donner, devenir FA).
4. Hashtags = 3 max, en fin de caption. Juste pour le branding, pas pour le reach.

Hashtags Proposé

En 2026, les hashtags ne servent plus au reach.
Instagram utilise l'IA pour comprendre le contenu. Ce qui compte pour la découverte : les mots-clés dans le texte de la caption, les Reels, et l'engagement (saves, partages, commentaires).
Les hashtags restent utiles pour le branding et la cohérence de la page. 3 max par post, toujours en fin de caption.
#LesChatsDlaStreetOfficiel #adoption #chat #sauvetage #familledaccueil #SOSveto #adopté #stérilisation #bénévolat #transparence #bilan #témoignage

Règle : #LesChatsDlaStreet toujours en premier. 3 hashtags max par post. Pas de hashtags génériques (#love #cat #cute). Proposé

Nos valeurs

Quatre piliers. Tout doit refléter au moins une de ces valeurs.

Source : Valeurs listées explicitement sur la page "Qui sommes-nous" du site. Les formulations ci-dessous sont les citations exactes du site.
🤝

Solidarité Officiel

"Nous avançons ensemble, avec et pour les autres."

🐾

Respect du vivant Officiel

"Chaque animal a droit à la dignité."

📍

Engagement local Officiel

"Nous agissons principalement sur le Nord-Isère."

💡

Transparence Officiel

"Tout est fait bénévolement, dans l'intérêt des chats."

L'âme de la Street, c'est ça : Proposé
Des gens ordinaires
qui font des trucs
extraordinaires
pour des chats
qu'on avait oubliés.
Copié !