{"id":101,"date":"2025-12-19T12:56:57","date_gmt":"2025-12-19T11:56:57","guid":{"rendered":"https:\/\/wp11.infocom.work\/?page_id=101"},"modified":"2025-12-21T16:58:14","modified_gmt":"2025-12-21T15:58:14","slug":"ressources","status":"publish","type":"page","link":"https:\/\/wp11.infocom.work\/index.php\/ressources\/","title":{"rendered":"Ressources"},"content":{"rendered":"\n<!-- PAGE HUB \u2014 RESSOURCES (cartes cliquables vers les 3 sous-pages) -->\n<section style=\"padding:20px;border:1px solid #e8e8e8;border-radius:22px;background:\n  radial-gradient(circle at 12% 18%, rgba(31,79,255,.10) 0%, rgba(31,79,255,0) 58%),\n  radial-gradient(circle at 88% 80%, rgba(0,209,255,.10) 0%, rgba(0,209,255,0) 62%),\n  linear-gradient(180deg,#ffffff 0%,#fafafa 100%);\">\n\n  <p style=\"margin:0 0 6px 0;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">\n    Ressources \u2022 Design Atlas\n  <\/p>\n\n  <h2 style=\"margin:0;font:900 34px\/1.08 system-ui;letter-spacing:-.04em;\">\n    Ta bo\u00eete \u00e0 outils design\n  <\/h2>\n\n  <p style=\"margin:12px 0 0 0;font:400 16px\/1.9 system-ui;color:#333;max-width:92ch;\">\n    Acc\u00e8de rapidement aux trois sections principales : logiciels, typographie et palettes de couleurs.\n    Chaque page regroupe des outils fiables, des liens utiles et des exemples pr\u00eats \u00e0 appliquer.\n  <\/p>\n\n  <div style=\"margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;\">\n\n    <!-- CARD : OUTILS -->\n    <a href=\"\/outils-logiciels\/\" style=\"text-decoration:none;color:inherit;\">\n      <div style=\"height:100%;border:1px solid #e8e8e8;border-radius:20px;background:#fff;overflow:hidden;\">\n        <div style=\"padding:14px;background:linear-gradient(135deg,#0b0b0f 0%, #141432 50%, #0b0b0f 100%);color:#fff;\">\n          <p style=\"margin:0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;opacity:.9;\">\n            Outils &#038; logiciels\n          <\/p>\n          <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.15 system-ui;letter-spacing:-.02em;\">\n            Suite Adobe, UI\/UX, webdesign\n          <\/h3>\n          <p style=\"margin:10px 0 0 0;font:400 14px\/1.8 system-ui;opacity:.92;\">\n            Designer, prototyper, collaborer, livrer.\n          <\/p>\n        <\/div>\n\n        <div style=\"padding:14px;\">\n          <div style=\"display:flex;gap:10px;flex-wrap:wrap;\">\n            <span style=\"padding:7px 10px;border-radius:999px;border:1px solid #e8e8e8;background:#fafafa;\n              font:800 11px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#555;\">Figma<\/span>\n            <span style=\"padding:7px 10px;border-radius:999px;border:1px solid #e8e8e8;background:#fafafa;\n              font:800 11px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#555;\">Adobe<\/span>\n            <span style=\"padding:7px 10px;border-radius:999px;border:1px solid #e8e8e8;background:#fafafa;\n              font:800 11px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#555;\">Web<\/span>\n          <\/div>\n\n          <div style=\"margin-top:12px;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n            Ouvrir \u2197\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- CARD : TYPO -->\n    <a href=\"\/typographie-fontes\/\" style=\"text-decoration:none;color:inherit;\">\n      <div style=\"height:100%;border:1px solid #e8e8e8;border-radius:20px;background:#fff;overflow:hidden;\">\n        <div style=\"padding:14px;background:linear-gradient(135deg,#ff2d95 0%, #b86bff 45%, #00d1ff 100%);color:#fff;\">\n          <p style=\"margin:0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;opacity:.95;\">\n            Typographie &#038; fontes\n          <\/p>\n          <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.15 system-ui;letter-spacing:-.02em;\">\n            Lisibilit\u00e9, pairing, licences\n          <\/h3>\n          <p style=\"margin:10px 0 0 0;font:400 14px\/1.8 system-ui;opacity:.92;\">\n            La structure invisible du design.\n          <\/p>\n        <\/div>\n\n        <div style=\"padding:14px;\">\n          <p style=\"margin:0;font:900 22px\/1.1 system-ui;letter-spacing:-.03em;\">\n            Hi\u00e9rarchie &#038; rythme\n          <\/p>\n          <p style=\"margin:8px 0 0 0;font:400 14px\/1.8 system-ui;color:#333;\">\n            Un bon texte se lit sans effort.\n          <\/p>\n\n          <div style=\"margin-top:12px;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n            Ouvrir \u2197\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- CARD : COULEURS -->\n    <a href=\"\/couleurs-palettes\/\" style=\"text-decoration:none;color:inherit;\">\n      <div style=\"height:100%;border:1px solid #e8e8e8;border-radius:20px;background:#fff;overflow:hidden;\">\n        <div style=\"padding:14px;background:linear-gradient(135deg,#0b0b0f 0%, #141432 45%, #0b0b0f 100%);color:#fff;\">\n          <p style=\"margin:0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;opacity:.9;\">\n            Couleurs &#038; palettes\n          <\/p>\n          <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.15 system-ui;letter-spacing:-.02em;\">\n            Harmonies &#038; contrastes\n          <\/h3>\n          <p style=\"margin:10px 0 0 0;font:400 14px\/1.8 system-ui;opacity:.92;\">\n            Construire une palette coh\u00e9rente.\n          <\/p>\n        <\/div>\n\n        <div style=\"padding:14px;\">\n          <div style=\"display:grid;grid-template-columns:repeat(5,1fr);gap:8px;\">\n            <div style=\"height:36px;border-radius:12px;background:#0B0B0F;border:1px solid #e8e8e8;\"><\/div>\n            <div style=\"height:36px;border-radius:12px;background:#F6F7FB;border:1px solid #e8e8e8;\"><\/div>\n            <div style=\"height:36px;border-radius:12px;background:#1F4FFF;border:1px solid #e8e8e8;\"><\/div>\n            <div style=\"height:36px;border-radius:12px;background:#00D1FF;border:1px solid #e8e8e8;\"><\/div>\n            <div style=\"height:36px;border-radius:12px;background:#FF2D95;border:1px solid #e8e8e8;\"><\/div>\n          <\/div>\n\n          <div style=\"margin-top:12px;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n            Ouvrir \u2197\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Ressources \u2022 Design Atlas Ta bo\u00eete \u00e0 outils design Acc\u00e8de rapidement aux trois sections principales : logiciels, typographie et palettes de couleurs. Chaque page regroupe des outils fiables, des liens utiles et des exemples pr\u00eats \u00e0 appliquer. Outils &#038; logiciels Suite Adobe, UI\/UX, webdesign Designer, prototyper, collaborer, livrer. Figma Adobe Web Ouvrir \u2197 Typographie &#038;&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp11.infocom.work\/index.php\/ressources\/\" class=\"themebutton3\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/types\/page"}],"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=101"}],"version-history":[{"count":3,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/101\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}