{"id":3116,"date":"2025-04-17T19:00:54","date_gmt":"2025-04-17T19:00:54","guid":{"rendered":"https:\/\/www.mdiy.org\/?p=3116"},"modified":"2026-02-11T11:25:10","modified_gmt":"2026-02-11T11:25:10","slug":"%f0%9f%8e%af-objectif-general-de-la-palette","status":"publish","type":"post","link":"https:\/\/www.mdiy.org\/?p=3116","title":{"rendered":"\ud83c\udfaf Objectif g\u00e9n\u00e9ral de la palette"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\n

Cr\u00e9er une identit\u00e9 visuelle accueillante, claire, douce et inclusive<\/strong>, accessible aux publics neuroatypiques, hypersensibles, malvoyants partiels, et \u00e0 toutes celles et ceux qui interagissent dans des cadres collaboratifs.<\/p>\n\n\n\n

\n\n\n\n

\ud83d\udfe8 Principal \u2014 Beige clair #F5F5DC<\/code><\/strong><\/h3>\n\n\n\n
    \n
  • Pourquoi ?<\/strong>
    Cette couleur de fond tr\u00e8s douce<\/strong> r\u00e9duit la fatigue oculaire, apaise l\u2019attention, et n\u2019agresse pas la r\u00e9tine<\/strong>.<\/li>\n\n\n\n
  • Effet cognitif :<\/strong> rassurant, neutre, met en valeur le contenu.<\/li>\n\n\n\n
  • Inclusif pour :<\/strong> personnes dyslexiques, TSA, TDAH, hypersensibles.<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n

    \ud83d\udd35 Secondaire \u2014 Bleu marine doux #003366<\/code><\/strong><\/h3>\n\n\n\n
      \n
    • Pourquoi ?<\/strong>
      Excellente lisibilit\u00e9 en contraste avec le beige. Le bleu est per\u00e7u comme calme, s\u00e9rieux, structurant<\/strong>, et inspire confiance.<\/li>\n\n\n\n
    • Usage typique :<\/strong> titres, barres de navigation, pictos.<\/li>\n\n\n\n
    • Inclusif pour :<\/strong> navigation claire, structuration visuelle du contenu.<\/li>\n<\/ul>\n\n\n\n
      \n\n\n\n

      \u26ab Texte \u2014 Gris fonc\u00e9 #333333<\/code><\/strong><\/h3>\n\n\n\n
        \n
      • Pourquoi ?<\/strong>
        Contraste optimal sans le choc visuel du noir pur. Meilleure fluidit\u00e9 de lecture.<\/li>\n\n\n\n
      • Effet cognitif :<\/strong> am\u00e9liore la concentration, \u00e9vite les surcharges visuelles.<\/li>\n\n\n\n
      • Inclusif pour :<\/strong> personnes dyslexiques, ou en fatigue cognitive.<\/li>\n<\/ul>\n\n\n\n
        \n\n\n\n

        \ud83d\udfe9 Accentu\u00e9 \u2014 Vert sauge l\u00e9ger #7D9470<\/code><\/strong><\/h3>\n\n\n\n
          \n
        • Pourquoi ?<\/strong>
          Le vert \u00e9voque l\u2019\u00e9quilibre, le vivant, la nature. Il contraste sans choquer et permet d\u2019attirer l\u2019attention en douceur<\/strong>.<\/li>\n\n\n\n
        • Utilisation :<\/strong> boutons, encarts, infobulles, \u00e9l\u00e9ments actifs.<\/li>\n\n\n\n
        • Inclusif pour :<\/strong> ceux qui sont sensibles aux couleurs vives ou satur\u00e9es.<\/li>\n<\/ul>\n\n\n\n
          \n\n\n\n

          \ud83d\udd17 Liens \u2014 Bleu accessible #00509E<\/code><\/strong><\/h3>\n\n\n\n
            \n
          • Pourquoi ?<\/strong>
            Convention web (bleu = cliquable) + bon contraste. Suffisamment fonc\u00e9 pour les malvoyants, mais pas trop satur\u00e9.<\/li>\n\n\n\n
          • Effet :<\/strong> fonctionnel, universellement reconnu.<\/li>\n\n\n\n
          • Inclusif pour :<\/strong> navigation intuitive, reconnaissance imm\u00e9diate.<\/li>\n<\/ul>\n\n\n\n
            \n\n\n\n

            \ud83d\udfe4 Bordures \u2014 Brun doux #A67C52<\/code><\/strong><\/h3>\n\n\n\n
              \n
            • Pourquoi ?<\/strong>
              Donne de la structure sans rigidit\u00e9<\/strong>. Rappelle le bois, le travail manuel, les mat\u00e9riaux naturels \u2014 \u00e9cho direct aux valeurs du projet.<\/li>\n\n\n\n
            • Utilisation :<\/strong> cadres, s\u00e9parateurs, zones d\u2019information.<\/li>\n\n\n\n
            • Inclusif pour :<\/strong> guider visuellement sans perturber.<\/li>\n<\/ul>\n\n\n\n
              \n\n\n\n

              \ud83d\udca1 En r\u00e9sum\u00e9<\/h2>\n\n\n\n

              Cette palette :<\/p>\n\n\n\n

                \n
              • Facilite la navigation, m\u00eame pour les profils cognitifs atypiques.<\/li>\n\n\n\n
              • Cr\u00e9e une ambiance accueillante, chaleureuse, et accessible<\/strong>.<\/li>\n\n\n\n
              • \u00c9vite les couleurs agressives, tout en gardant une hi\u00e9rarchie visuelle forte.<\/li>\n\n\n\n
              • Est coh\u00e9rente avec les valeurs de r\u00e9emploi, de sobri\u00e9t\u00e9 et de collaboration<\/strong> du projet La BRIK.<\/li>\n<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
                \n\t\t\t\t\t\t
                \n\t\t\t\t\t
                \n\t\t\t
                \n\t\t\t\t\t\t
                \n\t\t\t\t
                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
                \n\t\t\t\t\t\t
                \n\t\t\t\t\t
                \n\t\t\t
                \n\t\t\t\t\t\t
                \n\t\t\t\t
                \n\t\t\t\t\t\t\t

                \ud83e\uddf1 Une interface sobre, sans clics inutiles, sans pub, sans surcharge<\/h2>\n

                \u2728 Pour un web humain, lisible et respectueux<\/h3>\n
                \n

                \ud83e\udded 1. Pas de publicit\u00e9<\/strong><\/h3>\n
                \n

                Parce que le regard n\u2019est pas \u00e0 vendre.<\/p>\n<\/blockquote>\n

                  \n
                • \n

                  Refus de la distraction marchande<\/strong> : aucune banni\u00e8re, aucun pop-up.<\/p>\n<\/li>\n

                • \n

                  Pas de collecte de donn\u00e9es \u00e0 des fins commerciales<\/strong>.<\/p>\n<\/li>\n

                • \n

                  L’utilisateur n\u2019est pas une cible<\/strong>, c\u2019est un contributeur.<\/p>\n<\/li>\n<\/ul>\n

                  Ce choix renforce la confiance<\/strong>, la clart\u00e9<\/strong> et le respect de l\u2019attention<\/strong>.<\/p>\n

                  \n

                  \ud83e\udde9 2. Pas de clics gadgets ou de parcours confus<\/strong><\/h3>\n
                  \n

                  Moins d\u2019interaction, plus de compr\u00e9hension.<\/p>\n<\/blockquote>\n

                    \n
                  • \n

                    Navigation ultra claire, sans d\u00e9tours.<\/p>\n<\/li>\n

                  • \n

                    Tout est visible sans devoir chercher.<\/p>\n<\/li>\n

                  • \n

                    Pas besoin de cliquer partout : l\u2019information est pos\u00e9e, lisible, accessible<\/strong>.<\/p>\n<\/li>\n<\/ul>\n

                    Ce choix favorise les personnes :<\/p>\n

                      \n
                    • \n

                      en fatigue cognitive<\/strong>,<\/p>\n<\/li>\n

                    • \n

                      avec un TDAH<\/strong>,<\/p>\n<\/li>\n

                    • \n

                      ou qui veulent aller \u00e0 l\u2019essentiel sans friction.<\/p>\n<\/li>\n<\/ul>\n

                      \n

                      \ud83c\udfa8 3. Une palette sobre, inclusive, lisible<\/strong><\/h3>\n
                      \n

                      Chaque couleur a \u00e9t\u00e9 choisie pour soulager la lecture<\/strong>, pas pour impressionner.<\/p>\n<\/blockquote>\n

                        \n
                      • \n

                        Fond beige doux : confortable pour tous.<\/p>\n<\/li>\n

                      • \n

                        Texte gris fonc\u00e9 : facile \u00e0 lire.<\/p>\n<\/li>\n

                      • \n

                        Titres bleu marine : structurants.<\/p>\n<\/li>\n

                      • \n

                        Aucune couleur criarde.<\/p>\n<\/li>\n

                      • \n

                        Chaque teinte a \u00e9t\u00e9 test\u00e9e pour le contraste, la lisibilit\u00e9, la douceur<\/strong>.<\/p>\n<\/li>\n<\/ul>\n

                        \n

                        \ud83d\uddbc\ufe0f 4. Des visuels clairs : photo ou dessin<\/strong><\/h3>\n
                        \n

                        Pas de bling-bling, mais de la coh\u00e9rence visuelle<\/strong>.<\/p>\n<\/blockquote>\n

                          \n
                        • \n

                          Des photos de terrain, de vrais gens, de vraies situations.<\/p>\n<\/li>\n

                        • \n

                          Des illustrations simples, bienveillantes, explicatives.<\/p>\n<\/li>\n

                        • \n

                          Pas de banque d\u2019image lisse, pas de fakes, pas de surdesign.<\/p>\n<\/li>\n<\/ul>\n

                          Cela met en avant la r\u00e9alit\u00e9<\/strong>, pas la mise en sc\u00e8ne.
                          Et \u00e7a parle aux gens, pas aux algorithmes<\/strong>.<\/p>\n

                          \n

                          \ud83d\udcac En r\u00e9sum\u00e9 :<\/h3>\n
                          \n

                          La forme respecte le fond.<\/strong>
                          Si on veut une IA humaine, il faut un web humain pour la porter<\/strong>.<\/p>\n<\/blockquote>\n

                          Ce site est une porte d\u2019entr\u00e9e sobre, lisible, accueillante<\/strong>.
                          Pas un pi\u00e8ge \u00e0 clics. Pas une vitrine.
                          Juste un point de rencontre honn\u00eate<\/strong> entre les id\u00e9es, les gens\u2026 et l\u2019IA.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

                          \n\t\t\t\t\t\t
                          \n\t\t\t\t\t
                          \n\t\t\t
                          \n\t\t\t\t\t\t
                          \n\t\t\t\t
                          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

                          Cr\u00e9er une identit\u00e9 visuelle accueillante, claire, douce et inclusive, accessible aux publics neuroatypiques, hypersensibles, malvoyants partiels, et \u00e0 toutes celles et ceux qui interagissent dans des cadres collaboratifs. \ud83d\udfe8 Principal \u2014 Beige clair #F5F5DC \ud83d\udd35 Secondaire \u2014 Bleu marine doux #003366 \u26ab Texte \u2014 Gris fonc\u00e9 #333333 \ud83d\udfe9 Accentu\u00e9 \u2014 Vert sauge l\u00e9ger #7D9470 \ud83d\udd17 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[21,24,25,20,26],"tags":[],"class_list":["post-3116","post","type-post","status-publish","format-standard","hentry","category-collaboratif","category-la-brik","category-le-club-des-hp","category-makers","category-mdiy","entry"],"_links":{"self":[{"href":"https:\/\/www.mdiy.org\/index.php?rest_route=\/wp\/v2\/posts\/3116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mdiy.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mdiy.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mdiy.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mdiy.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3116"}],"version-history":[{"count":10,"href":"https:\/\/www.mdiy.org\/index.php?rest_route=\/wp\/v2\/posts\/3116\/revisions"}],"predecessor-version":[{"id":3128,"href":"https:\/\/www.mdiy.org\/index.php?rest_route=\/wp\/v2\/posts\/3116\/revisions\/3128"}],"wp:attachment":[{"href":"https:\/\/www.mdiy.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mdiy.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mdiy.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}