Créer une identité visuelle accueillante, claire, douce et inclusive, accessible aux publics neuroatypiques, hypersensibles, malvoyants partiels, et à toutes celles et ceux qui interagissent dans des cadres collaboratifs.
🟨 Principal — Beige clair #F5F5DC
- Pourquoi ?
Cette couleur de fond très douce réduit la fatigue oculaire, apaise l’attention, et n’agresse pas la rétine. - Effet cognitif : rassurant, neutre, met en valeur le contenu.
- Inclusif pour : personnes dyslexiques, TSA, TDAH, hypersensibles.
🔵 Secondaire — Bleu marine doux #003366
- Pourquoi ?
Excellente lisibilité en contraste avec le beige. Le bleu est perçu comme calme, sérieux, structurant, et inspire confiance. - Usage typique : titres, barres de navigation, pictos.
- Inclusif pour : navigation claire, structuration visuelle du contenu.
⚫ Texte — Gris foncé #333333
- Pourquoi ?
Contraste optimal sans le choc visuel du noir pur. Meilleure fluidité de lecture. - Effet cognitif : améliore la concentration, évite les surcharges visuelles.
- Inclusif pour : personnes dyslexiques, ou en fatigue cognitive.
🟩 Accentué — Vert sauge léger #7D9470
- Pourquoi ?
Le vert évoque l’équilibre, le vivant, la nature. Il contraste sans choquer et permet d’attirer l’attention en douceur. - Utilisation : boutons, encarts, infobulles, éléments actifs.
- Inclusif pour : ceux qui sont sensibles aux couleurs vives ou saturées.
🔗 Liens — Bleu accessible #00509E
- Pourquoi ?
Convention web (bleu = cliquable) + bon contraste. Suffisamment foncé pour les malvoyants, mais pas trop saturé. - Effet : fonctionnel, universellement reconnu.
- Inclusif pour : navigation intuitive, reconnaissance immédiate.
🟤 Bordures — Brun doux #A67C52
- Pourquoi ?
Donne de la structure sans rigidité. Rappelle le bois, le travail manuel, les matériaux naturels — écho direct aux valeurs du projet. - Utilisation : cadres, séparateurs, zones d’information.
- Inclusif pour : guider visuellement sans perturber.
💡 En résumé
Cette palette :
- Facilite la navigation, mĂŞme pour les profils cognitifs atypiques.
- Crée une ambiance accueillante, chaleureuse, et accessible.
- Évite les couleurs agressives, tout en gardant une hiérarchie visuelle forte.
- Est cohérente avec les valeurs de réemploi, de sobriété et de collaboration du projet La BRIK.
🧱 Une interface sobre, sans clics inutiles, sans pub, sans surcharge
✨ Pour un web humain, lisible et respectueux
🧠1. Pas de publicité
Parce que le regard n’est pas à vendre.
-
Refus de la distraction marchande : aucune bannière, aucun pop-up.
-
Pas de collecte de données à des fins commerciales.
-
L’utilisateur n’est pas une cible, c’est un contributeur.
Ce choix renforce la confiance, la clarté et le respect de l’attention.
🧩 2. Pas de clics gadgets ou de parcours confus
Moins d’interaction, plus de compréhension.
-
Navigation ultra claire, sans détours.
-
Tout est visible sans devoir chercher.
-
Pas besoin de cliquer partout : l’information est posée, lisible, accessible.
Ce choix favorise les personnes :
-
en fatigue cognitive,
-
avec un TDAH,
-
ou qui veulent aller à l’essentiel sans friction.
🎨 3. Une palette sobre, inclusive, lisible
Chaque couleur a été choisie pour soulager la lecture, pas pour impressionner.
-
Fond beige doux : confortable pour tous.
-
Texte gris foncé : facile à lire.
-
Titres bleu marine : structurants.
-
Aucune couleur criarde.
-
Chaque teinte a été testée pour le contraste, la lisibilité, la douceur.
🖼️ 4. Des visuels clairs : photo ou dessin
Pas de bling-bling, mais de la cohérence visuelle.
-
Des photos de terrain, de vrais gens, de vraies situations.
-
Des illustrations simples, bienveillantes, explicatives.
-
Pas de banque d’image lisse, pas de fakes, pas de surdesign.
Cela met en avant la réalité, pas la mise en scène.
Et ça parle aux gens, pas aux algorithmes.
💬 En résumé :
La forme respecte le fond.
Si on veut une IA humaine, il faut un web humain pour la porter.
Ce site est une porte d’entrée sobre, lisible, accueillante.
Pas un piège à clics. Pas une vitrine.
Juste un point de rencontre honnête entre les idées, les gens… et l’IA.
