{"id":90,"date":"2025-12-19T12:47:01","date_gmt":"2025-12-19T11:47:01","guid":{"rendered":"https:\/\/wp11.infocom.work\/?page_id=90"},"modified":"2025-12-21T17:05:21","modified_gmt":"2025-12-21T16:05:21","slug":"accueil","status":"publish","type":"page","link":"https:\/\/wp11.infocom.work\/index.php\/accueil\/","title":{"rendered":"Explorer"},"content":{"rendered":"\n<!-- PAGE HUB \u2014 EXPLORER (avec curation de liens externes) -->\n<article>\n\n  <!-- HERO -->\n  <header style=\"padding:22px;border-radius:22px;overflow:hidden;border:1px solid #e8e8e8;background:\n    radial-gradient(circle at 12% 18%, rgba(31,79,255,.16) 0%, rgba(31,79,255,0) 58%),\n    radial-gradient(circle at 86% 80%, rgba(255,45,149,.14) 0%, rgba(255,45,149,0) 62%),\n    linear-gradient(135deg,#0b0b0f 0%, #141432 48%, #0b0b0f 100%);\n    color:#fff;\">\n    \n    <p style=\"margin:0 0 6px 0;font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;opacity:.9;\">\n      Explorer \u2022 Design Atlas\n    <\/p>\n\n    <h1 style=\"margin:0;font:900 44px\/1.02 system-ui;letter-spacing:-.04em;color:#ffffff;\">\n  Explorer le design, version magazine.\n<\/h1>\n\n    <p style=\"margin:14px 0 0 0;font:400 16px\/1.95 system-ui;opacity:.92;max-width:94ch;\">\n      Un point d\u2019entr\u00e9e unique : sections internes + s\u00e9lection de sites externes \u00e0 consulter quand tu veux\n      de l\u2019inspiration, des ressources ou des tendances.\n    <\/p>\n\n    <div style=\"margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;\">\n      <span style=\"padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);\n        font:700 12px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;\">Inspiration<\/span>\n      <span style=\"padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);\n        font:700 12px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;\">Ressources<\/span>\n      <span style=\"padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);\n        font:700 12px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;\">Tendances<\/span>\n      <span style=\"padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);\n        font:700 12px\/1 system-ui;letter-spacing:.12em;text-transform:uppercase;\">Culture web<\/span>\n    <\/div>\n  <\/header>\n\n  <!-- NAV INTERNE (4 cartes) -->\n  <section style=\"max-width:110ch;margin:22px auto 0 auto;\">\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;\">\n\n      <a href=\"\/graphic-design\/\" style=\"text-decoration:none;color:inherit;\">\n        <div style=\"height:100%;border:1px solid #e8e8e8;border-radius:22px;overflow:hidden;background:#fff;\">\n          <div style=\"padding:16px;background:repeating-linear-gradient(90deg,#fff 0,#fff 10px,#f5f5f5 10px,#f5f5f5 20px);border-bottom:1px solid #e8e8e8;\">\n            <p style=\"margin:0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Graphic Design<\/p>\n            <h2 style=\"margin:10px 0 0 0;font:900 24px\/1.1 system-ui;letter-spacing:-.03em;\">Guides visuels &#038; styles<\/h2>\n            <p style=\"margin:10px 0 0 0;font:400 15px\/1.85 system-ui;color:#333;max-width:70ch;\">\n              Branding, layout, styles graphiques\u2026 tout est rang\u00e9.\n            <\/p>\n          <\/div>\n          <div style=\"padding:16px;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n            Entrer \u2197\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/ressources\/\" style=\"text-decoration:none;color:inherit;\">\n        <div style=\"height:100%;border:1px solid #e8e8e8;border-radius:22px;overflow:hidden;background:#fff;\">\n          <div style=\"padding:16px;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;\">Ressources<\/p>\n            <h2 style=\"margin:10px 0 0 0;font:900 24px\/1.1 system-ui;letter-spacing:-.03em;\">Outils, typo, couleurs<\/h2>\n            <p style=\"margin:10px 0 0 0;font:400 15px\/1.85 system-ui;opacity:.92;max-width:70ch;\">\n              Tout ce qu\u2019il faut pour produire vite et propre.\n            <\/p>\n          <\/div>\n          <div style=\"padding:16px;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#00d1ff;\">\n            Ouvrir \u2197\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/blog\/\" style=\"text-decoration:none;color:inherit;\">\n        <div style=\"height:100%;border:1px solid #e8e8e8;border-radius:22px;overflow:hidden;background:#fff;\">\n          <div style=\"padding:16px;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;\">Blog<\/p>\n            <h2 style=\"margin:10px 0 0 0;font:900 24px\/1.1 system-ui;letter-spacing:-.03em;\">Tendances &#038; analyses<\/h2>\n            <p style=\"margin:10px 0 0 0;font:400 15px\/1.85 system-ui;opacity:.92;max-width:70ch;\">\n              Des articles courts, utiles, appliquables.\n            <\/p>\n          <\/div>\n          <div style=\"padding:16px;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n            Lire \u2197\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/contact\/\" style=\"text-decoration:none;color:inherit;\">\n        <div style=\"height:100%;border:2px solid #0b0b0f;border-radius:22px;overflow:hidden;background:#fff;\">\n          <div style=\"padding:16px;background:#0b0b0f;color:#fff;\">\n            <p style=\"margin:0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;opacity:.9;\">Contact<\/p>\n            <h2 style=\"margin:10px 0 0 0;font:900 24px\/1.1 system-ui;letter-spacing:-.03em;\">Proposer un sujet<\/h2>\n            <p style=\"margin:10px 0 0 0;font:400 15px\/1.85 system-ui;opacity:.92;max-width:70ch;\">\n              Envie de publier \/ partager un design ? \u00c9cris-nous.\n            <\/p>\n          <\/div>\n          <div style=\"padding:16px;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#0b0b0f;\">\n            Envoyer \u2197\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <!-- CURATION EXTERNE -->\n  <section style=\"max-width:110ch;margin:22px auto 0 auto;\">\n    <div style=\"border:1px solid #e8e8e8;border-radius:22px;background:#fff;padding:16px;\">\n      <p style=\"margin:0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">\n        S\u00e9lection externe\n      <\/p>\n      <h2 style=\"margin:10px 0 0 0;font:900 24px\/1.1 system-ui;letter-spacing:-.03em;\">\n        Les sites \u00e0 garder en favoris\n      <\/h2>\n      <p style=\"margin:10px 0 0 0;font:400 16px\/1.9 system-ui;color:#333;max-width:95ch;\">\n        Inspiration, tendances, typographie, couleurs : une shortlist de plateformes fiables (ou incontournables) pour nourrir tes id\u00e9es.\n      <\/p>\n\n      <div style=\"margin-top:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;\">\n\n        <!-- Inspiration -->\n        <a href=\"https:\/\/www.behance.net\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\n          <div style=\"border:1px solid #e8e8e8;border-radius:20px;background:#fafafa;padding:14px;height:100%;\">\n            <p style=\"margin:0;font:900 11px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Inspiration<\/p>\n            <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.2 system-ui;\">Behance<\/h3>\n            <p style=\"margin:10px 0 0 0;font:400 14px\/1.85 system-ui;color:#333;\">\n              Portfolios, \u00e9tudes de cas, branding, UI. Tr\u00e8s bon pour rep\u00e9rer les tendances.\n            <\/p>\n            <p style=\"margin:12px 0 0 0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n              Ouvrir \u2197\n            <\/p>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\n          <div style=\"border:1px solid #e8e8e8;border-radius:20px;background:#fff;padding:14px;height:100%;\">\n            <p style=\"margin:0;font:900 11px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Inspiration<\/p>\n            <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.2 system-ui;\">Dribbble<\/h3>\n            <p style=\"margin:10px 0 0 0;font:400 14px\/1.85 system-ui;color:#333;\">\n              Shots rapides : UI, illustration, motion, micro-interactions (tr\u00e8s \u201cstyle first\u201d).\n            <\/p>\n            <p style=\"margin:12px 0 0 0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n              Ouvrir \u2197\n            <\/p>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/www.awwwards.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\n          <div style=\"border:2px solid #0b0b0f;border-radius:20px;background:#fff;padding:14px;height:100%;\">\n            <p style=\"margin:0;font:900 11px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#0b0b0f;\">Web design<\/p>\n            <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.2 system-ui;text-transform:uppercase;\">Awwwards<\/h3>\n            <p style=\"margin:10px 0 0 0;font:400 14px\/1.85 system-ui;color:#333;\">\n              Sites prim\u00e9s : excellente source pour layout, animations et direction artistique web.\n            <\/p>\n            <p style=\"margin:12px 0 0 0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#0b0b0f;\">\n              Ouvrir \u2197\n            <\/p>\n          <\/div>\n        <\/a>\n\n        <!-- Typo -->\n        <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\n          <div style=\"border:1px solid #e8e8e8;border-radius:20px;background:#fff;padding:14px;height:100%;\">\n            <p style=\"margin:0;font:900 11px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Typographie<\/p>\n            <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.2 system-ui;\">Google Fonts<\/h3>\n            <p style=\"margin:10px 0 0 0;font:400 14px\/1.85 system-ui;color:#333;\">\n              Biblioth\u00e8que immense, id\u00e9ale pour WordPress. Filtres et pr\u00e9visualisation.\n            <\/p>\n            <p style=\"margin:12px 0 0 0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n              Ouvrir \u2197\n            <\/p>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/www.typewolf.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\n          <div style=\"border:1px solid #e8e8e8;border-radius:20px;background:#fafafa;padding:14px;height:100%;\">\n            <p style=\"margin:0;font:900 11px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Typographie<\/p>\n            <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.2 system-ui;\">Typewolf<\/h3>\n            <p style=\"margin:10px 0 0 0;font:400 14px\/1.85 system-ui;color:#333;\">\n              Inspirations + combos typographiques. Parfait pour apprendre par l\u2019observation.\n            <\/p>\n            <p style=\"margin:12px 0 0 0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n              Ouvrir \u2197\n            <\/p>\n          <\/div>\n        <\/a>\n\n        <!-- Couleurs -->\n        <a href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;\">\n          <div style=\"border:1px solid #e8e8e8;border-radius:20px;background:#fff;padding:14px;height:100%;\">\n            <p style=\"margin:0;font:900 11px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#666;\">Couleurs<\/p>\n            <h3 style=\"margin:10px 0 0 0;font:900 18px\/1.2 system-ui;\">Adobe Color<\/h3>\n            <p style=\"margin:10px 0 0 0;font:400 14px\/1.85 system-ui;color:#333;\">\n              Harmonies, extraction depuis image, th\u00e8mes. Tr\u00e8s complet.\n            <\/p>\n            <p style=\"margin:12px 0 0 0;font:900 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#1f4fff;\">\n              Ouvrir \u2197\n            <\/p>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/article>\n\n\n\n<h2 class=\"wp-block-heading\">Explorez notre site web pour d\u00e9couvrir de nombreuses ressources qui vont vous aider pour votre prochain projet ! <\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wp11.infocom.work\/index.php\/ressources\/\">Aller au ressources<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explorer \u2022 Design Atlas Explorer le design, version magazine. Un point d\u2019entr\u00e9e unique : sections internes + s\u00e9lection de sites externes \u00e0 consulter quand tu veux de l\u2019inspiration, des ressources ou des tendances. Inspiration Ressources Tendances Culture web Graphic Design Guides visuels &#038; styles Branding, layout, styles graphiques\u2026 tout est rang\u00e9. Entrer \u2197 Ressources Outils,&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp11.infocom.work\/index.php\/accueil\/\" 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-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/90","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=90"}],"version-history":[{"count":9,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions\/259"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}