{"id":68,"date":"2025-11-28T08:24:34","date_gmt":"2025-11-28T07:24:34","guid":{"rendered":"https:\/\/wp11.infocom.work\/?p=68"},"modified":"2025-12-21T15:39:37","modified_gmt":"2025-12-21T14:39:37","slug":"pro-tips","status":"publish","type":"post","link":"https:\/\/wp11.infocom.work\/index.php\/2025\/11\/28\/pro-tips\/","title":{"rendered":"Monochrome, duotone, multicolore : que choisir selon son projet ?"},"content":{"rendered":"\n<!-- ARTICLE 3 \u2014 Couleur & colorim\u00e9trie -->\n<article>\n  <header style=\"padding:16px;border:1px solid #e8e8e8;border-radius:16px;background:#ffffff;\">\n    <p style=\"margin:0 0 6px 0;font:700 12px\/1.4 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#666;\">\n      Couleur &amp; colorim\u00e9trie \u2022 Comparatif\n    <\/p>\n    <h1 style=\"margin:0;font:800 32px\/1.12 system-ui;letter-spacing:-.02em;\">\n      Monochrome, duotone, multicolore : que choisir selon son projet ?\n    <\/h1>\n    <p style=\"margin:10px 0 0 0;font:400 16px\/1.8 system-ui;color:#444;max-width:72ch;\">\n      Chaque approche a une intention : sobri\u00e9t\u00e9, impact, fun\u2026 Voici quand utiliser quoi.\n    <\/p>\n  <\/header>\n\n  <section style=\"padding:18px 2px;max-width:78ch;\">\n    <div style=\"display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px;\">\n      <div style=\"border:1px solid #e8e8e8;border-radius:16px;background:#fff;overflow:hidden;\">\n        <div style=\"padding:14px;background:linear-gradient(90deg,#0b0b0f,#3a3a48);color:#fff;\">\n          <h2 style=\"margin:0;font:800 16px\/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase;\">Monochrome<\/h2>\n          <p style=\"margin:8px 0 0 0;font:500 14px\/1.7 system-ui;opacity:.92;\">Id\u00e9al pour : premium, \u00e9ditorial, UI sobre.<\/p>\n        <\/div>\n        <div style=\"padding:14px;\">\n          <ul style=\"margin:0 0 0 18px;font:400 16px\/1.9 system-ui;color:#333;\">\n            <li>Hi\u00e9rarchie par tailles\/espaces plut\u00f4t que couleurs<\/li>\n            <li>Accents tr\u00e8s limit\u00e9s (1 max)<\/li>\n            <li>Risque : trop \u201cplat\u201d si la typo est faible<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div style=\"border:1px solid #e8e8e8;border-radius:16px;background:#fff;overflow:hidden;\">\n        <div style=\"padding:14px;background:linear-gradient(90deg,#1f4fff,#00d1ff);color:#fff;\">\n          <h2 style=\"margin:0;font:800 16px\/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase;\">Duotone<\/h2>\n          <p style=\"margin:8px 0 0 0;font:500 14px\/1.7 system-ui;opacity:.95;\">Id\u00e9al pour : impact, marque, identit\u00e9s fortes.<\/p>\n        <\/div>\n        <div style=\"padding:14px;\">\n          <ul style=\"margin:0 0 0 18px;font:400 16px\/1.9 system-ui;color:#333;\">\n            <li>Simple et reconnaissable<\/li>\n            <li>Tr\u00e8s bon pour la coh\u00e9rence de marque<\/li>\n            <li>Risque : monotone si les neutres sont mal choisis<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div style=\"border:1px solid #e8e8e8;border-radius:16px;background:#fff;overflow:hidden;\">\n        <div style=\"padding:14px;background:linear-gradient(90deg,#ff2d95,#b86bff,#00d1ff);color:#fff;\">\n          <h2 style=\"margin:0;font:800 16px\/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase;\">Multicolore<\/h2>\n          <p style=\"margin:8px 0 0 0;font:500 14px\/1.7 system-ui;opacity:.95;\">Id\u00e9al pour : cr\u00e9atif, fun, \u00e9v\u00e9nements, communaut\u00e9s.<\/p>\n        <\/div>\n        <div style=\"padding:14px;\">\n          <ul style=\"margin:0 0 0 18px;font:400 16px\/1.9 system-ui;color:#333;\">\n            <li>Tr\u00e8s expressif, parfait pour \u201cgallery \/ inspiration\u201d<\/li>\n            <li>N\u00e9cessite une grille et des r\u00e8gles strictes<\/li>\n            <li>Risque : chaos si tu n\u2019as pas une couleur dominante<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div style=\"padding:14px;border-radius:16px;border:1px solid #e8e8e8;background:#fafafa;margin-top:16px;\">\n      <p style=\"margin:0;font:600 14px\/1.7 system-ui;color:#333;\">\n        Astuce : si tu h\u00e9sites, d\u00e9marre en duotone + neutres. Tu pourras \u201couvrir\u201d en multicolore plus tard sans tout casser.\n      <\/p>\n    <\/div>\n  <\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Couleur &amp; colorim\u00e9trie \u2022 Comparatif Monochrome, duotone, multicolore : que choisir selon son projet ? Chaque approche a une intention : sobri\u00e9t\u00e9, impact, fun\u2026 Voici quand utiliser quoi. Monochrome Id\u00e9al pour : premium, \u00e9ditorial, UI sobre. Hi\u00e9rarchie par tailles\/espaces plut\u00f4t que couleurs Accents tr\u00e8s limit\u00e9s (1 max) Risque : trop \u201cplat\u201d si la typo est&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp11.infocom.work\/index.php\/2025\/11\/28\/pro-tips\/\" class=\"themebutton3\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-colo"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":3,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/68\/revisions\/217"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}