l’engagement qui vous correspond
Charte de marque · v1.0 · 2026
1 La marque
Appareio met en relation les bénévoles et les associations. Le nom vient d'appareiller — assortir, former une paire. Le pictogramme dit exactement cela : deux pièces de puzzle dont le tenon de l'une se loge dans la cavité de l'autre. Un matching, sans un mot.
La forme raconte l'outil, pas un client. Deux entités différentes — bénévole et mission — faites pour aller ensemble.
Les pièces se touchent, la relation est locale et concrète : « près de chez vous ».
Coins arrondis, aplats francs, vert frais et zen. Digne pour une cause sociale, sans gravité inutile.
2 Le logo
Le pictogramme est autonome. On l'associe au mot « Appareio » en Fredoka pour le lockup complet, ou on le laisse seul là où la marque est déjà connue (icône d'app, favicon, avatar).
Lockup horizontal — usage par défaut, sites & en-têtes.
Lockup vertical — formats carrés, réseaux sociaux.
Pictogramme seul — app, favicon, avatar, tampon.
3 Construction & zone de protection
Deux carrés identiques posés en diagonale. Le tenon central (le rond plein) d'une pièce épouse exactement la cavité de l'autre : c'est le point d'emboîtement. Les autres bosses restent ouvertes — le réseau continue.
Zone de protection = ½ hauteur du pictogramme
Laisser autour du logo un espace vide d'au moins la moitié de sa hauteur.
Pictogramme seul : 18 px d'écran / 6 mm en print. Lockup : 24 px de haut.
Toujours à −45°. On ne le redresse pas et on ne le fait pas pivoter librement.
4 Déclinaisons
Bichromie par défaut. En renversé sur fond de marque, une pièce passe en blanc plein, l'autre en blanc translucide — le joint reste lisible. En monochrome, tout en encre ou tout en blanc.
Positif — sur blanc.
Renversé — sur marque.
Encre — mono sombre.
Blanc — sur photo/sombre.
5 Bon & mauvais usage
Bichromie d'origine, angle à −45°, sur fond clair et dégagé.
Ne pas faire pivoter ni redresser le pictogramme.
Ne pas déformer ni étirer les proportions.
Ne pas le poser sur une couleur hors marque ni recolorer les pièces.
6 Couleurs
La marque Appareio vit sur un vert émeraude, heureux et zen. Blanc partout, encre charbon jamais noire, deux accents doux. En marque blanche, seuls la couleur et le logo changent d'un client à l'autre — la structure reste.
Marque
Accents
Neutres & encre
États (fixes, hors marque blanche)
7 Typographie
Fredoka porte l'identité — titres généreux, arrondis, qui prennent de la place. DM Sans assure la lecture, jamais sous 16 px pour rester lisible par tous les âges.
8 Iconographie
Un seul jeu : Phosphor, graisse « Fill » par défaut. Solides, arrondies, amicales — à l'image du logo. Jamais d'emoji, jamais de pictos filaires. Le sens associe toujours icône + texte.
9 Ton de voix
On vouvoie (respect, public plutôt senior), l'association parle en « nous ». Jamais bureaucratique, jamais commercial. La réassurance arrive au bon moment — au téléphone, au CV, au consentement — pas sur une page à part.
« Qu'est-ce qui vous amène à nous rejoindre ? » Des titres courts, des questions humaines.
« Pour vous répondre, rien d'autre. » Au moment sensible, pas avant.
« Voir mes missions », jamais en capitales. Seul l'intertitre est en petites majuscules.
« Voici les missions qui vous correspondent. Réponse sous 48 h. »
« Votre matching score a été calculé. Consultez vos résultats. »
« Pas de délégation près de chez vous ? Nous trouverons une solution. »
« Aucun résultat disponible pour votre secteur géographique. »
10 Applications
Icône d'application
Pictogramme centré, coins iOS/Android arrondis. Fond de marque par défaut.
Favicon
Carte de visite
Avatar social
Cadré dans un cercle, marge intérieure généreuse pour rester lisible en petit.
11 Téléchargements
Chaque bouton télécharge un fichier. Les SVG sont vectoriels (redimensionnables à l'infini) ; les PNG sont à fond transparent, police déjà aplatie.
Télécharger tout le pack (.zip)Lockups & wordmark — SVG
Icône d'app & favicon — SVG
Exports PNG (transparent)
Astuce. Si un fichier s'ouvre dans l'onglet au lieu de se télécharger, faites clic droit → « Enregistrer sous ». Toutes les tailles PNG (256 / 512 / 1024, etc.) sont disponibles dans le dossier /branding.
