{"id":203,"date":"2025-12-21T15:27:11","date_gmt":"2025-12-21T14:27:11","guid":{"rendered":"https:\/\/wp11.infocom.work\/?p=203"},"modified":"2025-12-21T16:01:48","modified_gmt":"2025-12-21T15:01:48","slug":"y2k-retro-futur-synthwave-la-nostalgie-comme-moteur-creatif","status":"publish","type":"post","link":"https:\/\/wp11.infocom.work\/index.php\/2025\/12\/21\/y2k-retro-futur-synthwave-la-nostalgie-comme-moteur-creatif\/","title":{"rendered":"Y2K, r\u00e9tro-futur, synthwave : la nostalgie comme moteur cr\u00e9atif"},"content":{"rendered":"\n<article>\n  <header style=\"padding:18px;border-radius:20px;overflow:hidden;border:1px solid #e8e8e8;\n    background:radial-gradient(circle at 10% 20%, rgba(255,45,149,.22) 0%, rgba(255,45,149,0) 45%),\n               radial-gradient(circle at 90% 70%, rgba(0,209,255,.22) 0%, rgba(0,209,255,0) 45%),\n               linear-gradient(135deg, #0b0b0f 0%, #121225 50%, #0b0b0f 100%);\n    color:#fff;\">\n    <div style=\"display:flex;gap:10px;flex-wrap:wrap;align-items:center;\">\n      <span style=\"padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);\n        background:rgba(255,255,255,.08);font:800 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;\">\n        TENDANCES\n      <\/span>\n      <span style=\"padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);\n        background:rgba(255,255,255,.06);font:700 12px\/1 system-ui;letter-spacing:.14em;text-transform:uppercase;opacity:.9;\">\n        Nostalgie \/ Y2K \/ Synthwave\n      <\/span>\n    <\/div>\n\n    <h1 style=\"margin:12px 0 0 0;font:900 34px\/1.05 system-ui;letter-spacing:-.03em;\">\n      Y2K, r\u00e9tro-futur, synthwave : la nostalgie comme moteur cr\u00e9atif\n    <\/h1>\n    <p style=\"margin:10px 0 0 0;font:400 16px\/1.9 system-ui;max-width:78ch;opacity:.92;\">\n      Chrome, n\u00e9ons, gradients, UI \u201cgaming\u201d : on recycle le pass\u00e9 pour fabriquer du neuf. Pourquoi \u00e7a marche si bien ?\n    <\/p>\n\n    <div style=\"margin-top:14px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:14px;\">\n      <div style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:10px;\">\n        <div style=\"height:48px;border-radius:12px;background:linear-gradient(135deg,#ff2d95,#b86bff);\"><\/div>\n        <div style=\"height:48px;border-radius:12px;background:linear-gradient(135deg,#00d1ff,#1f4fff);\"><\/div>\n        <div style=\"height:48px;border-radius:12px;background:linear-gradient(135deg,#ffe066,#ff6b6b);\"><\/div>\n        <div style=\"height:48px;border-radius:12px;background:linear-gradient(135deg,#ffffff,#9aa0ff);\"><\/div>\n      <\/div>\n      <p style=\"margin:10px 0 0 0;font:600 13px\/1.7 system-ui;opacity:.9;\">\n        Micro-palette \u201cnostalgie\u201d : gradients, reflets, accents lumineux.\n      <\/p>\n    <\/div>\n  <\/header>\n\n  <section style=\"max-width:82ch;margin:18px auto 0 auto;color:#0b0b0f;\">\n    <h2 style=\"font:900 18px\/1.2 system-ui;margin:18px 0 10px 0;\">1) La nostalgie rassure<\/h2>\n    <p style=\"margin:0 0 12px 0;font:400 16px\/1.9 system-ui;\">\n      Les codes Y2K\/synthwave sont imm\u00e9diatement reconnaissables. On comprend l\u2019ambiance en une seconde.\n    <\/p>\n\n    <h2 style=\"font:900 18px\/1.2 system-ui;margin:18px 0 10px 0;\">2) Le \u201cfun\u201d revient dans le web<\/h2>\n    <p style=\"margin:0 0 12px 0;font:400 16px\/1.9 system-ui;\">\n      Les interfaces redeviennent expressives : effets de lumi\u00e8re, typographies stylis\u00e9es, palettes audacieuses.\n      Mais il faut garder une base lisible : titres forts, textes sur zones calmes.\n    <\/p>\n\n    <div style=\"border:1px solid #e8e8e8;border-radius:18px;background:#fff;padding:14px;\">\n      <p style=\"margin:0;font:700 14px\/1.7 system-ui;\">\n        Conseil : utilise le \u201cn\u00e9on\u201d en accent (CTA, badges, hero), et garde le reste simple pour \u00e9viter l\u2019effet \u201carcade illisible\u201d.\n      <\/p>\n    <\/div>\n  <\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>TENDANCES Nostalgie \/ Y2K \/ Synthwave Y2K, r\u00e9tro-futur, synthwave : la nostalgie comme moteur cr\u00e9atif Chrome, n\u00e9ons, gradients, UI \u201cgaming\u201d : on recycle le pass\u00e9 pour fabriquer du neuf. Pourquoi \u00e7a marche si bien ? Micro-palette \u201cnostalgie\u201d : gradients, reflets, accents lumineux. 1) La nostalgie rassure Les codes Y2K\/synthwave sont imm\u00e9diatement reconnaissables. On comprend l\u2019ambiance&#8230;<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/wp11.infocom.work\/index.php\/2025\/12\/21\/y2k-retro-futur-synthwave-la-nostalgie-comme-moteur-creatif\/\" 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":[7],"tags":[],"class_list":["post-203","post","type-post","status-publish","format-standard","hentry","category-tendances"],"_links":{"self":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/203","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=203"}],"version-history":[{"count":2,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/posts\/203\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp11.infocom.work\/index.php\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}