{"id":418,"date":"2024-03-31T19:44:26","date_gmt":"2024-03-31T18:44:26","guid":{"rendered":"https:\/\/inheriti.com\/?page_id=418"},"modified":"2024-08-22T12:19:33","modified_gmt":"2024-08-22T11:19:33","slug":"brand-assets","status":"publish","type":"page","link":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/","title":{"rendered":"Brand assets"},"content":{"rendered":"<div id=\"breadcrumbs\"> \n    <div class=\"container py-3 small\">\n        <span class=\"crumb\">            \n            <i class=\"fal fa-home-alt\"><\/i> <a href=\"https:\/\/inheriti.com\/fr\" title=\"Retour \u00e0 la page d&#039;accueil\">Inheriti\u00ae<\/a>\n            <i class=\"fal fa-angle-right\"><\/i>\n        <\/span>  \n\n        <!-- Blog breadcrumb: not clickable on the blog page itself -->\n        \n        <!-- Category breadcrumb on a single post -->\n        \n        <!-- Add Solutions breadcrumb if on a solution page -->\n               \n\n        <!-- Ancestor, Grandparent, Parent breadcrumbs -->\n        \n        \n                    <span class=\"crumb\">\n                <a href=\"https:\/\/inheriti.com\/fr\/entreprise\/\">Entreprise<\/a>\n                <i class=\"fal fa-angle-right\"><\/i>\n            <\/span>\n        \n        <!-- Current page title -->\n        <span class=\"crumb text-muted\">\n            Brand assets        <\/span>\n    <\/div>\n<\/div> \n<div id=\"page-hero\" class=\"page-hero bg-light\">\n    <div class=\"container\">        \n        <div class=\"row justify-content-center d-flex flex-lg-row-reverse\">\n                        <div class=\"col-12 col-lg-6 col-xl-6\">                \n                <div class=\"page-hero-content h-100 text-center\">\n                    <div class=\"d-table h-100 w-100\">\n                        <div class=\"d-table-row h-100 w-100\">\n                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <h1 class=\"page-hero-heading\">Brand assets<\/h1>\n                                                                                                    <div class=\"page-hero-supporting-text\">Les couleurs et visuels qui d\u00e9finissent la marque Inheriti\u00ae.<\/div>  \n                                \n                                 \n\n                                                                        \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>            \n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"brand-assets\" class=\"brand-assets-block bg-white bg-dot-grid bg-dot-grid-center\">\n    <div class=\"container\">        \n        <div class=\"row\">\n            <div class=\"col-12 col-lg-6\">      \n                                    <h2 class=\"block-heading\">Logo<\/h2>\n                 \n\n                                    <div class=\"block-supporting-text\"><p>Vous trouverez ci-dessous le logo officiel Inheriti\u00ae dans ses couleurs approuv\u00e9es. Utilisez le logo exactement tel que fourni, sans modifier les couleurs ni le superposer \u00e0 d&rsquo;autres objets. Conservez toujours une marge suffisante autour du logo pour qu&rsquo;il reste net et bien visible.<\/p>\n<\/div>  \n                 \n            <\/div>\n        <\/div>\n\n                    <div class=\"row mb-5 g-5\">\n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_logo_full_color_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Logo couleur<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_full_color.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_full_color.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_logo_negative_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Logo n\u00e9gatif<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_negative.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_negative.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_logo_light_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Logo clair<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_light.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_light.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_logo_dark_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Logo fonc\u00e9<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_dark.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_logo_dark.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                            <\/div>\n         \n    <\/div>\n<\/div>\n\n<div id=\"brand-assets\" class=\"brand-assets-block bg-light bg-dot-grid bg-dot-grid-center\">\n    <div class=\"container\">        \n        <div class=\"row\">\n            <div class=\"col-12 col-lg-6\">      \n                                    <h2 class=\"block-heading\">Brandmark<\/h2>\n                 \n\n                                    <div class=\"block-supporting-text\"><p>La brandmark Inheriti\u00ae repr\u00e9sente notre identit\u00e9 sous une forme simplifi\u00e9e. Utilisez les variantes de couleurs approuv\u00e9es et placez-la bien en \u00e9vidence avec suffisamment d&rsquo;espace autour.<\/p>\n<\/div>  \n                 \n            <\/div>\n        <\/div>\n\n                    <div class=\"row mb-5 g-5\">\n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-4\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_brandmark_full_color_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Brandmark couleur<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_brandmark_full_color.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_brandmark_full_color.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-4\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_brandmark_light_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Brandmark claire<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_brandmark_light.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_brandmark_light.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-4\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_brandmark_dark_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Brandmark fonc\u00e9e<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_brandmark_dark.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_brandmark_dark.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                            <\/div>\n         \n    <\/div>\n<\/div>\n\n<div id=\"brand-assets\" class=\"brand-assets-block bg-white bg-dot-grid bg-dot-grid-center\">\n    <div class=\"container\">        \n        <div class=\"row\">\n            <div class=\"col-12 col-lg-6\">      \n                                    <h2 class=\"block-heading\">Wordmark<\/h2>\n                 \n\n                                    <div class=\"block-supporting-text\"><p>La wordmark Inheriti\u00ae est con\u00e7ue pour \u00eatre imm\u00e9diatement reconnaissable. Utilisez ces versions sans modification et pr\u00e9servez une zone libre autour de la wordmark pour maintenir son impact.<\/p>\n<\/div>  \n                 \n            <\/div>\n        <\/div>\n\n                    <div class=\"row mb-5 g-5\">\n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_wordmark_full_color_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Wordmark couleur<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_full_color_.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_full_color.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_wordmark_negative_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Wordmark n\u00e9gative<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_negative.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_negative.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_wordmark_light_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Wordmark claire<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_light.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_light.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                 \n                                                      \n                    <div class=\"col-xs-12 col-lg-6\">\n                        <div class=\"brand-logo\">\n                                                            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/inheriti.com\/fr\/wp-content\/uploads\/sites\/4\/inheriti_wordmark_dark_display.png\" class=\"logo img-fluid mb-3\">\n                             \n\n                                                            <span class=\"logo-name d-inline-block\">Wordmark fonc\u00e9e<\/span>\n                                 \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark ms-2\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_dark.svg\" title=\"T\u00e9l\u00e9charger le logo au format .svg\" download>SVG<\/a>\n                                <\/span>\n                             \n\n                                                            <span class=\"float-end badge badge-sm has-link bg-light text-dark\">\n                                    <a href=\"https:\/\/inheriti.com\/brand-assets\/inheriti_wordmark_dark.png\" title=\"T\u00e9l\u00e9charger le logo au format .png\" download>PNG<\/a>\n                                <\/span>\n                                    \n                        <\/div>\n                    <\/div>       \n                            <\/div>\n         \n    <\/div>\n<\/div>\n\n<div id=\"brand-colors\" class=\"brand-colors-block bg-white bg-dot-grid bg-dot-grid-center\">\n    <div class=\"container\">        \n        <div class=\"row\">\n            <div class=\"col-12 col-lg-6\">      \n                                    <h2 class=\"block-heading\">Couleurs primaires<\/h2>\n                 \n\n                                    <div class=\"block-supporting-text\"><p>Voici les couleurs fondamentales de la marque Inheriti\u00ae. En appliquant ces couleurs de fa\u00e7on coh\u00e9rente, l&rsquo;identit\u00e9 visuelle reste forte et reconnaissable sur tous les supports.<\/p>\n<\/div>  \n                 \n            <\/div>\n        <\/div>\n\n                    <div class=\"row mb-5 g-3\">\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #0F1048; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 200<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#0F1048<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #002A69; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 150<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#002A69<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #1642BA; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 120<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#1642BA<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #0066FF; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#0066FF<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #75A9FF; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 50<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#75A9FF<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #D8E8FB; color: #002A69\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 30<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#D8E8FB<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #E3F2FD; color: #002A69\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 10<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#E3F2FD<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #F8FBFF; color: #002A69\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Primary 5<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#F8FBFF<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                            <\/div>\n         \n    <\/div>\n<\/div>\n\n<div id=\"brand-colors\" class=\"brand-colors-block bg-light bg-dot-grid bg-dot-grid-center\">\n    <div class=\"container\">        \n        <div class=\"row\">\n            <div class=\"col-12 col-lg-6\">      \n                                    <h2 class=\"block-heading\">Nuances de gris<\/h2>\n                 \n\n                                    <div class=\"block-supporting-text\"><p>Notre palette de gris est id\u00e9ale pour le texte et les \u00e9l\u00e9ments de design secondaires : un fond neutre qui compl\u00e8te les couleurs primaires et am\u00e9liore la lisibilit\u00e9 de tous les supports visuels.<\/p>\n<\/div>  \n                 \n            <\/div>\n        <\/div>\n\n                    <div class=\"row mb-5 g-3\">\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #101828; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Gray 120<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#101828<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #475467; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Gray<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#475467<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #A3B3BF; color: #FFFFFF\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Gray 50<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#A3B3BF<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #D0D5DD; color: #101828\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Gray 20<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#D0D5DD<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #EAECF0; color: #101828\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Gray 10<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#EAECF0<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                 \n                                                      \n                    <div class=\"col-xs-6 col-md-4 col-lg-3 col-xl-2 mb-3\">\n                        <div class=\"brand-color text-center\">\n                                                            <div class=\"color-block\" style=\"background-color: #F9FAFB; color: #101828\">\n                                    <div class=\"d-table h-100 w-100\">\n                                        <div class=\"d-table-row h-100 w-100\">\n                                            <div class=\"d-table-cell h-100 w-100 align-middle\"> \n                                                                                                    <span class=\"color-name d-block\">Gray 5<\/span>\n                                                                                                                                                    <span class=\"color-rgb d-block\">#F9FAFB<\/span>\n                                                                                                                                                 \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                          \n                        <\/div>\n                    <\/div>\n                            <\/div>\n         \n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":416,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-418","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Brand assets - Inheriti\u00ae<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brand assets - Inheriti\u00ae\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/\" \/>\n<meta property=\"og:site_name\" content=\"Inheriti\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-22T11:19:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/entreprise\\\/brand-assets\\\/\",\"url\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/entreprise\\\/brand-assets\\\/\",\"name\":\"Brand assets - Inheriti\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/#website\"},\"datePublished\":\"2024-03-31T18:44:26+00:00\",\"dateModified\":\"2024-08-22T11:19:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/entreprise\\\/brand-assets\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/inheriti.com\\\/fr\\\/entreprise\\\/brand-assets\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/entreprise\\\/brand-assets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Entreprise\",\"item\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/entreprise\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Brand assets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/\",\"name\":\"Inheriti\u00ae\",\"description\":\"Prot\u00e9gez votre vie num\u00e9rique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/inheriti.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Brand assets - Inheriti\u00ae","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/","og_locale":"fr_FR","og_type":"article","og_title":"Brand assets - Inheriti\u00ae","og_url":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/","og_site_name":"Inheriti\u00ae","article_modified_time":"2024-08-22T11:19:33+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/","url":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/","name":"Brand assets - Inheriti\u00ae","isPartOf":{"@id":"https:\/\/inheriti.com\/fr\/#website"},"datePublished":"2024-03-31T18:44:26+00:00","dateModified":"2024-08-22T11:19:33+00:00","breadcrumb":{"@id":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/inheriti.com\/fr\/entreprise\/brand-assets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inheriti.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Entreprise","item":"https:\/\/inheriti.com\/fr\/entreprise\/"},{"@type":"ListItem","position":3,"name":"Brand assets"}]},{"@type":"WebSite","@id":"https:\/\/inheriti.com\/fr\/#website","url":"https:\/\/inheriti.com\/fr\/","name":"Inheriti\u00ae","description":"Prot\u00e9gez votre vie num\u00e9rique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inheriti.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/pages\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/comments?post=418"}],"version-history":[{"count":23,"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":1137,"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/pages\/418\/revisions\/1137"}],"up":[{"embeddable":true,"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/pages\/416"}],"wp:attachment":[{"href":"https:\/\/inheriti.com\/fr\/wp-json\/wp\/v2\/media?parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}