{"id":222,"date":"2026-03-31T11:36:11","date_gmt":"2026-03-31T11:36:11","guid":{"rendered":"https:\/\/agathebordeau.fr\/portfolio\/?p=222"},"modified":"2026-08-23T15:56:15","modified_gmt":"2026-08-23T15:56:15","slug":"calypso","status":"publish","type":"post","link":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/","title":{"rendered":"Calypso"},"content":{"rendered":"\n<style>\n  :root {\n    \/* PALETTE EXACTE DU PROJET CALYPSO *\/\n    --brand-green: #212121;   \/* Vert for\u00eat \/ bouteille profond *\/\n    --sage: #5e8374;          \/* Vert sauge *\/\n    --mint: #CDEB78;          \/* Vert menthe pastel *\/\n    --sand: #EDEDED;          \/* Arri\u00e8re-plan sable \/ cr\u00e8me *\/\n    --sand-light: #faf9f5;    \/* Blanc cass\u00e9 doux *\/\n    --coral: #AEC767;         \/* Touche corail chaleureuse *\/\n    --ink: #142a23;           \/* Texte sombre teint\u00e9 vert *\/\n    --muted: #536e65;         \/* Texte secondaire *\/\n    --line: rgba(30, 70, 58, 0.12);\n    --radius: 28px;\n    --shadow: 0 24px 70px rgba(20, 42, 35, 0.1);\n  }\n\n  * { box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n  body {\n    margin: 0;\n    color: var(--ink);\n    background: var(--sand);\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    line-height: 1.55;\n  }\n  a { color: inherit; }\n  img { display: block; max-width: 100%; }\n\n  \/* NAVIGATION : D\u00c9PLAC\u00c9E DE 80PX VERS LE BAS (top: 102px au lieu de 22px) *\/\n  .nav {\n    position: fixed;\n    inset: 102px 22px auto 22px;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 14px 10px 18px;\n    border: 1px solid rgba(255, 255, 255, 0.7);\n    border-radius: 999px;\n    background: rgba(244, 242, 235, 0.85);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 12px 40px rgba(20, 42, 35, 0.08);\n  }\n\n  \/* REGROUPEMENT \u00c0 GAUCHE : FL\u00c8CHE ET TITRE INVERS\u00c9S *\/\n  .nav-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .nav-back {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    text-decoration: none;\n    color: var(--ink);\n    border-radius: 50%;\n    background: rgba(30, 70, 58, 0.08);\n    transition: all 0.2s ease;\n  }\n\n  .nav-back:hover {\n    background: var(--brand-green);\n    color: #fff;\n  }\n\n  .nav-back svg {\n    transition: transform 0.2s ease;\n  }\n\n  .nav-back:hover svg {\n    transform: translateX(-3px);\n  }\n\n  .nav-mark {\n    font-weight: 800;\n    letter-spacing: -.04em;\n    font-size: 18px;\n    color: var(--brand-green);\n  }\n\n  .nav-links {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    font-size: 13px;\n    font-weight: 700;\n  }\n  .nav-links a {\n    text-decoration: none;\n    padding: 9px 12px;\n    border-radius: 999px;\n  }\n  .nav-links a:hover { background: #fff; }\n\n  \/* HERO *\/\n  .hero {\n    min-height: 100svh;\n    padding: 180px 6vw 70px; \/* Espace adapt\u00e9 pour la nav abaiss\u00e9e *\/\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(340px, 1.2fr);\n    gap: 6vw;\n    align-items: center;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 12% 10%, rgba(210, 229, 221, 0.6), transparent 35%),\n      linear-gradient(135deg, var(--sand-light) 0%, var(--sand) 100%);\n  }\n  .eyebrow {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    padding: 8px 12px;\n    border: 1px solid var(--line);\n    border-radius: 999px;\n    color: var(--brand-green);\n    background: rgba(255, 255, 255, 0.85);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n  h1 {\n    margin: 20px 0 24px;\n    max-width: 720px;\n    font-size: clamp(48px, 7vw, 104px);\n    line-height: .92;\n    letter-spacing: -.065em;\n    color: var(--brand-green);\n  }\n  .hero-intro {\n    max-width: 650px;\n    color: var(--muted);\n    font-size: clamp(18px, 2vw, 23px);\n  }\n  .hero-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 30px;\n  }\n  .tag {\n    padding: 9px 13px;\n    border-radius: 999px;\n    background: #fff;\n    border: 1px solid var(--line);\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--brand-green);\n  }\n  .hero-visual {\n    position: relative;\n    transform: rotate(1deg);\n  }\n  .hero-visual img {\n    width: 100%;\n    border-radius: 6px;\n    box-shadow: var(--shadow);\n  }\n  .orb {\n    position: absolute;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: var(--mint);\n    right: -55px;\n    top: -75px;\n    z-index: -1;\n  }\n\n  section { padding: 110px 6vw; }\n  .section-head {\n    display: grid;\n    grid-template-columns: .8fr 1.2fr;\n    gap: 7vw;\n    align-items: start;\n    margin-bottom: 55px;\n  }\n  .kicker {\n    color: var(--sage);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n  }\n  h2 {\n    margin: 8px 0 0;\n    font-size: clamp(36px, 5vw, 70px);\n    line-height: .98;\n    letter-spacing: -.055em;\n    color: var(--brand-green);\n  }\n  .lead {\n    max-width: 720px;\n    font-size: clamp(20px, 2.2vw, 29px);\n    line-height: 1.25;\n    letter-spacing: -.025em;\n    margin: 0;\n  }\n  .text {\n    max-width: 700px;\n    color: var(--muted);\n    font-size: 17px;\n  }\n\n  \/* SECTION R\u00c9PONSE EN VERT FORET PROFOND *\/\n  .answer {\n    background: var(--brand-green);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n  }\n  .answer::before {\n    content: \"\";\n    position: absolute;\n    width: 450px; height: 450px;\n    border-radius: 50%;\n    background: var(--sage);\n    right: -150px; top: -150px;\n    opacity: .25;\n  }\n  .answer .section-head { position: relative; }\n  .answer h2 { color: #fff; }\n  .answer .kicker { color: var(--mint); }\n  .answer .lead { max-width: 820px; color: var(--mint); }\n  .answer-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    position: relative;\n  }\n  .answer-card {\n    padding: 28px;\n    min-height: 220px;\n    border: 1px solid rgba(210, 229, 221, 0.2);\n    background: rgba(255, 255, 255, 0.06);\n    border-radius: 22px;\n  }\n  .answer-card strong {\n    display: block;\n    margin-bottom: 12px;\n    font-size: 19px;\n    color: #fff;\n  }\n  .answer-card p {\n    margin: 0;\n    color: var(--mint);\n    font-size: 15px;\n  }\n\n  .split {\n    display: grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: 7vw;\n    align-items: center;\n  }\n  .statement {\n    font-size: clamp(28px, 4vw, 55px);\n    line-height: 1.02;\n    letter-spacing: -.045em;\n    margin: 0 0 25px;\n    color: var(--brand-green);\n  }\n  .statement em { color: var(--coral); font-style: normal; }\n  .visual-card {\n    background: #fff;\n    padding: 14px;\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n  }\n  .visual-card img { border-radius: 18px; width: 100%; }\n\n  .identity { background: var(--sand-light); }\n  .identity-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 22px;\n  }\n  .identity-card {\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    overflow: hidden;\n    background: #fff;\n  }\n  .identity-card img { width: 100%; }\n  .identity-card figcaption {\n    padding: 20px 22px 24px;\n    color: var(--muted);\n    font-size: 14px;\n  }\n  .identity-card figcaption strong {\n    display: block;\n    color: var(--brand-green);\n    margin-bottom: 5px;\n  }\n\n  .full-image { padding-top: 30px; }\n  .full-image img {\n    width: 100%;\n    max-height: 78vh;\n    object-fit: cover;\n    object-position: center;\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n  }\n\n  .principles {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    margin-top: 35px;\n  }\n  .principle {\n    padding: 24px;\n    min-height: 190px;\n    border-top: 3px solid var(--sage);\n    background: #fff;\n    border-radius: 0 0 16px 16px;\n  }\n  .number {\n    font-size: 12px;\n    font-weight: 900;\n    color: var(--coral);\n  }\n  .principle h3 {\n    margin: 28px 0 9px;\n    font-size: 20px;\n    letter-spacing: -.025em;\n    color: var(--brand-green);\n  }\n  .principle p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n  }\n\n  .gallery {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 22px;\n    align-items: start;\n  }\n  .gallery .stack { display: grid; gap: 22px; }\n  .gallery figure {\n    margin: 0;\n    overflow: hidden;\n    border-radius: var(--radius);\n    background: #fff;\n    box-shadow: 0 16px 50px rgba(20, 42, 35, 0.06);\n  }\n  .gallery figure img { width: 100%; height: auto; }\n  figcaption {\n    padding: 16px 20px 20px;\n    font-size: 13px;\n    color: var(--muted);\n  }\n\n  .closing {\n    background: #0e231c;\n    color: #fff;\n    text-align: center;\n    padding: 130px 6vw;\n    position: relative;\n    overflow: hidden;\n  }\n  .closing::after {\n    content: \"CALYPSO\";\n    position: absolute;\n    font-weight: 900;\n    font-size: 24vw;\n    line-height: .7;\n    letter-spacing: -.1em;\n    color: rgba(210, 229, 221, 0.04);\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }\n  .closing > * { position: relative; z-index: 1; }\n  .closing h2 {\n    color: #fff;\n    max-width: 1000px;\n    margin: 0 auto 25px;\n  }\n  .closing p {\n    max-width: 680px;\n    margin: 0 auto;\n    color: var(--mint);\n    font-size: 18px;\n  }\n\n  footer {\n    padding: 22px 6vw;\n    background: #081511;\n    color: var(--sage);\n    font-size: 12px;\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n  }\n\n  @media (max-width: 900px) {\n    .hero, .section-head, .split, .gallery { grid-template-columns: 1fr; }\n    .hero { padding-top: 160px; }\n    .answer-grid, .principles { grid-template-columns: 1fr 1fr; }\n    .identity-grid { grid-template-columns: 1fr; }\n    .hero-visual { margin-top: 25px; }\n  }\n  @media (max-width: 600px) {\n    .nav { inset: 90px 10px auto; }\n    .nav-links a { display: none; }\n    section { padding: 80px 5vw; }\n    .hero { padding: 140px 5vw 55px; }\n    .answer-grid, .principles { grid-template-columns: 1fr; }\n    .answer-card { min-height: auto; }\n    .orb { width: 110px; height: 110px; right: -30px; top: -40px; }\n    footer { flex-direction: column; }\n  }\n<\/style>\n<\/head>\n<body>\n\n  <!-- BARRE DE NAVIGATION (D\u00c9PLAC\u00c9E DE 80PX VERS LE BAS, top: 102px) -->\n  <nav class=\"nav\" aria-label=\"Navigation du projet\">\n    \n    <!-- REGION GAUCHE : FL\u00c8CHE ET TITRE DU PROJET INVERS\u00c9S -->\n    <div class=\"nav-left\">\n      <a href=\"javascript:history.back()\" class=\"nav-back\" aria-label=\"Retour \u00e0 la page pr\u00e9c\u00e9dente\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line>\n          <polyline points=\"12 19 5 12 12 5\"><\/polyline>\n        <\/svg>\n      <\/a>\n\n      <div class=\"nav-mark\">Calypso<\/div>\n    <\/div>\n\n    <!-- ANCRES INTERNES -->\n    <div class=\"nav-links\">\n      <a href=\"#projet\">Projet<\/a>\n      <a href=\"#reponse\">R\u00e9ponse<\/a>\n      <a href=\"#identite\">Identit\u00e9<\/a>\n      <a href=\"#applications\">Univers Visuel<\/a>\n    <\/div>\n  <\/nav>\n\n  <header class=\"hero\">\n    <div>\n      <span class=\"eyebrow\">Identit\u00e9 Visuelle \u00b7 Brand Design<\/span>\n      <h1>Explorer la profondeur d&rsquo;une marque singuli\u00e8re.<\/h1>\n      <p class=\"hero-intro\">\n        Cr\u00e9ation d&rsquo;un univers graphique immersif et contemporain pour Calypso.\n        Une identit\u00e9 visuelle alliant \u00e9l\u00e9gance, fluidit\u00e9 et structure.\n      <\/p>\n      <div class=\"hero-meta\">\n        <span class=\"tag\">Calypso<\/span>\n        <span class=\"tag\">Identit\u00e9 de marque<\/span>\n        <span class=\"tag\">Design Graphique<\/span>\n        <span class=\"tag\">Direction Artistique<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-visual\">\n      <div class=\"orb\"><\/div>\n      <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg\"\n           alt=\"Pr\u00e9sentation visuelle du projet Calypso\">\n    <\/div>\n  <\/header>\n\n  <main>\n\n    <section id=\"projet\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">01 \u2014 Le projet<\/div>\n          <h2>Cr\u00e9er un univers visuel marquant et m\u00e9morable.<\/h2>\n        <\/div>\n        <div>\n          <p class=\"lead\">\n            Calypso s&rsquo;affirme \u00e0 travers une esth\u00e9tique soign\u00e9e o\u00f9 les contrastes,\n            les formes et la typographie s&rsquo;articulent pour composer une identit\u00e9\n            \u00e0 la fois forte et \u00e9quilibr\u00e9e.\n          <\/p>\n          <p class=\"text\">\n            Le travail d&rsquo;agencement visuel s&rsquo;appuie sur des teintes botaniques et min\u00e9rales,\n            des \u00e9l\u00e9ments modulaires et un soin particulier apport\u00e9 aux finitions\n            des supports physiques et digitaux.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"full-image\">\n        <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-1.jpg\"\n             alt=\"D\u00e9clinaison graphique de l'univers Calypso\">\n      <\/div>\n    <\/section>\n\n    <section id=\"reponse\" class=\"answer\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">02 \u2014 La r\u00e9ponse graphique<\/div>\n          <h2>Comment traduire la fluidit\u00e9 et la nature ?<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          En mariant des teintes de vert profond \u00e0 des \u00e9l\u00e9ments typographiques \u00e9pur\u00e9s\n          et des textures visuelles immersives.\n        <\/p>\n      <\/div>\n\n      <div class=\"answer-grid\">\n        <article class=\"answer-card\">\n          <strong>01 \u2014 Structure<\/strong>\n          <p>\n            Un langage visuel souple capable de s&rsquo;adapter harmonieusement\n            sur une grande vari\u00e9t\u00e9 de formats et de supports.\n          <\/p>\n        <\/article>\n\n        <article class=\"answer-card\">\n          <strong>02 \u2014 Profondeur<\/strong>\n          <p>\n            Une palette chromatique riche cr\u00e9ant des contrastes \u00e9l\u00e9gants\n            et une signature imm\u00e9diatement reconnaissable.\n          <\/p>\n        <\/article>\n\n        <article class=\"answer-card\">\n          <strong>03 \u2014 Harmonie<\/strong>\n          <p>\n            Une attention constante \u00e0 l&rsquo;\u00e9quilibre entre les teintes douces,\n            les visuels grand format et la pr\u00e9cision du d\u00e9tail.\n          <\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"split\">\n        <div>\n          <div class=\"kicker\">03 \u2014 L&rsquo;exp\u00e9rience visuelle<\/div>\n          <p class=\"statement\">\n            Une identit\u00e9 pens\u00e9e pour capter le regard par sa <em>profondeur<\/em>\n            et sa <em>subtilit\u00e9 graphique<\/em>.\n          <\/p>\n          <p class=\"text\">\n            L&rsquo;univers de Calypso \u00e9voque la s\u00e9r\u00e9nit\u00e9 et la ma\u00eetrise. Les lignes\n            sont affirm\u00e9es tout en laissant respirer les visuels pour cr\u00e9er\n            une sensation d&rsquo;\u00e9quilibre naturel.\n          <\/p>\n        <\/div>\n\n        <figure class=\"visual-card\">\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-2.jpg\"\n               alt=\"Mise en sc\u00e8ne graphique Calypso\">\n        <\/figure>\n      <\/div>\n    <\/section>\n\n    <section id=\"identite\" class=\"identity\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">04 \u2014 D\u00e9clinaisons de marque<\/div>\n          <h2>Une coh\u00e9rence visuelle sur tous les angles.<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          De l&rsquo;\u00e9dition au design de marque, chaque \u00e9l\u00e9ment exprime la m\u00eame exigence\n          de clart\u00e9 et de raffinement.\n        <\/p>\n      <\/div>\n\n      <div class=\"identity-grid\">\n        <figure class=\"identity-card\">\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-3.jpg\"\n               alt=\"D\u00e9tail visuel du logo et des motifs Calypso\">\n          <figcaption>\n            <strong>Composition &#038; Typographie.<\/strong>\n            Travail minutieux sur les rythmes et le choix des caract\u00e8res.\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"identity-card\">\n          <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-7.jpg\"\n               alt=\"Support de pr\u00e9sentation et papeterie Calypso\">\n          <figcaption>\n            <strong>Supports de marque.<\/strong>\n            Une identit\u00e9 qui prend vie \u00e0 travers des objets \u00e9pur\u00e9s et tactiles.\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/section>\n\n    <section>\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">05 \u2014 Piliers du design<\/div>\n          <h2>Quatre principes au c\u0153ur du concept.<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          La vision cr\u00e9ative qui guide l&rsquo;ensemble du syst\u00e8me de marque.\n        <\/p>\n      <\/div>\n\n      <div class=\"principles\">\n        <article class=\"principle\">\n          <span class=\"number\">01<\/span>\n          <h3>\u00c9l\u00e9gance<\/h3>\n          <p>Des compositions sobres qui valorisent l&rsquo;essentiel.<\/p>\n        <\/article>\n        <article class=\"principle\">\n          <span class=\"number\">02<\/span>\n          <h3>Immersion<\/h3>\n          <p>Un travail sur la couleur sugg\u00e9rant une atmosph\u00e8re organique.<\/p>\n        <\/article>\n        <article class=\"principle\">\n          <span class=\"number\">03<\/span>\n          <h3>Pr\u00e9cision<\/h3>\n          <p>Une grille typographique rigoureuse au service du contenu.<\/p>\n        <\/article>\n        <article class=\"principle\">\n          <span class=\"number\">04<\/span>\n          <h3>Modularit\u00e9<\/h3>\n          <p>Un syst\u00e8me adaptable \u00e0 tous les formats imprim\u00e9s et num\u00e9riques.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section id=\"applications\">\n      <div class=\"section-head\">\n        <div>\n          <div class=\"kicker\">06 \u2014 Galerie de r\u00e9alisation<\/div>\n          <h2>L&rsquo;univers Calypso en images.<\/h2>\n        <\/div>\n        <p class=\"lead\">\n          Aper\u00e7u des diff\u00e9rents supports cr\u00e9\u00e9s pour installer l&rsquo;identit\u00e9 de marque.\n        <\/p>\n      <\/div>\n\n      <div class=\"gallery\">\n        <div class=\"stack\">\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-5.jpg\"\n                 alt=\"Mise en valeur visuelle Calypso\">\n            <figcaption>Exploration des textures et des teintes du projet.<\/figcaption>\n          <\/figure>\n\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-6.jpg\"\n                 alt=\"Mise en page graphique Calypso\">\n            <figcaption>Compositions graphiques et mises en page a\u00e9r\u00e9es.<\/figcaption>\n          <\/figure>\n        <\/div>\n\n        <div class=\"stack\">\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-8.jpg\"\n                 alt=\"Vue d'ensemble de la marque Calypso\">\n            <figcaption>D\u00e9clinabilit\u00e9 et coh\u00e9rence de la signature visuelle.<\/figcaption>\n          <\/figure>\n\n          <figure>\n            <img decoding=\"async\" src=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso-4.jpg\"\n                 alt=\"Support imprim\u00e9 Calypso\">\n            <figcaption>Finition et rendu visuel des \u00e9l\u00e9ments d&rsquo;\u00e9dition.<\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"closing\">\n      <div class=\"kicker\">Conclusion<\/div>\n      <h2>Une identit\u00e9 naturelle et singuli\u00e8re.<\/h2>\n      <p>\n        Le projet Calypso illustre comment une direction artistique \u00e9quilibr\u00e9e\n        peut transmettre une atmosph\u00e8re unique. En combinant pr\u00e9cision visuelle,\n        choix typographiques avis\u00e9s et palette immersive, la marque s&rsquo;affirme\n        avec \u00e9l\u00e9gance et durabilit\u00e9.\n      <\/p>\n    <\/section>\n\n  <\/main>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>Calypso Projet R\u00e9ponse Identit\u00e9 Univers Visuel Identit\u00e9 Visuelle \u00b7 Brand Design Explorer la profondeur d&rsquo;une marque singuli\u00e8re. Cr\u00e9ation d&rsquo;un univers graphique immersif et contemporain pour Calypso. Une identit\u00e9 visuelle alliant \u00e9l\u00e9gance, fluidit\u00e9 et structure. Calypso Identit\u00e9 de marque Design Graphique Direction Artistique 01 \u2014 Le projet Cr\u00e9er un univers visuel marquant et m\u00e9morable. Calypso s&rsquo;affirme [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-222","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Calypso - Agathe Bordeau Portfolio<\/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:\/\/agathebordeau.fr\/portfolio\/calypso\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calypso - Agathe Bordeau Portfolio\" \/>\n<meta property=\"og:description\" content=\"Calypso Projet R\u00e9ponse Identit\u00e9 Univers Visuel Identit\u00e9 Visuelle \u00b7 Brand Design Explorer la profondeur d&rsquo;une marque singuli\u00e8re. Cr\u00e9ation d&rsquo;un univers graphique immersif et contemporain pour Calypso. Une identit\u00e9 visuelle alliant \u00e9l\u00e9gance, fluidit\u00e9 et structure. Calypso Identit\u00e9 de marque Design Graphique Direction Artistique 01 \u2014 Le projet Cr\u00e9er un univers visuel marquant et m\u00e9morable. Calypso s&rsquo;affirme [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agathebordeau.fr\/portfolio\/calypso\/\" \/>\n<meta property=\"og:site_name\" content=\"Agathe Bordeau Portfolio\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-31T11:36:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T15:56:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg\" \/>\n<meta name=\"author\" content=\"AgatheBordeau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"AgatheBordeau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/\"},\"author\":{\"name\":\"AgatheBordeau\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"headline\":\"Calypso\",\"datePublished\":\"2026-03-31T11:36:11+00:00\",\"dateModified\":\"2026-08-23T15:56:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/\"},\"wordCount\":485,\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Calypso.jpg\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/\",\"name\":\"Calypso - Agathe Bordeau Portfolio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Calypso.jpg\",\"datePublished\":\"2026-03-31T11:36:11+00:00\",\"dateModified\":\"2026-08-23T15:56:15+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#primaryimage\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Calypso.jpg\",\"contentUrl\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/Calypso.jpg\",\"width\":1920,\"height\":922},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/calypso\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calypso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#website\",\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/\",\"name\":\"Agathe Bordeau Portfolio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/#\\\/schema\\\/person\\\/eb13b6218b056b40331918b3dcb65523\",\"name\":\"AgatheBordeau\",\"sameAs\":[\"http:\\\/\\\/agathebordeau.fr\"],\"url\":\"https:\\\/\\\/agathebordeau.fr\\\/portfolio\\\/author\\\/agathebordeau\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Calypso - Agathe Bordeau Portfolio","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:\/\/agathebordeau.fr\/portfolio\/calypso\/","og_locale":"fr_FR","og_type":"article","og_title":"Calypso - Agathe Bordeau Portfolio","og_description":"Calypso Projet R\u00e9ponse Identit\u00e9 Univers Visuel Identit\u00e9 Visuelle \u00b7 Brand Design Explorer la profondeur d&rsquo;une marque singuli\u00e8re. Cr\u00e9ation d&rsquo;un univers graphique immersif et contemporain pour Calypso. Une identit\u00e9 visuelle alliant \u00e9l\u00e9gance, fluidit\u00e9 et structure. Calypso Identit\u00e9 de marque Design Graphique Direction Artistique 01 \u2014 Le projet Cr\u00e9er un univers visuel marquant et m\u00e9morable. Calypso s&rsquo;affirme [&hellip;]","og_url":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/","og_site_name":"Agathe Bordeau Portfolio","article_published_time":"2026-03-31T11:36:11+00:00","article_modified_time":"2026-08-23T15:56:15+00:00","og_image":[{"url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg","type":"","width":"","height":""}],"author":"AgatheBordeau","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"AgatheBordeau","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#article","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/"},"author":{"name":"AgatheBordeau","@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"headline":"Calypso","datePublished":"2026-03-31T11:36:11+00:00","dateModified":"2026-08-23T15:56:15+00:00","mainEntityOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/"},"wordCount":485,"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg","articleSection":["Uncategorized"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/","url":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/","name":"Calypso - Agathe Bordeau Portfolio","isPartOf":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#primaryimage"},"image":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#primaryimage"},"thumbnailUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg","datePublished":"2026-03-31T11:36:11+00:00","dateModified":"2026-08-23T15:56:15+00:00","author":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523"},"breadcrumb":{"@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agathebordeau.fr\/portfolio\/calypso\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#primaryimage","url":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg","contentUrl":"https:\/\/agathebordeau.fr\/portfolio\/wp-content\/uploads\/sites\/2\/Calypso.jpg","width":1920,"height":922},{"@type":"BreadcrumbList","@id":"https:\/\/agathebordeau.fr\/portfolio\/calypso\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agathebordeau.fr\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Calypso"}]},{"@type":"WebSite","@id":"https:\/\/agathebordeau.fr\/portfolio\/#website","url":"https:\/\/agathebordeau.fr\/portfolio\/","name":"Agathe Bordeau Portfolio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agathebordeau.fr\/portfolio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/agathebordeau.fr\/portfolio\/#\/schema\/person\/eb13b6218b056b40331918b3dcb65523","name":"AgatheBordeau","sameAs":["http:\/\/agathebordeau.fr"],"url":"https:\/\/agathebordeau.fr\/portfolio\/author\/agathebordeau\/"}]}},"_links":{"self":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":10,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/222\/revisions"}],"predecessor-version":[{"id":355,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/posts\/222\/revisions\/355"}],"wp:attachment":[{"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/media?parent=222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/categories?post=222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agathebordeau.fr\/portfolio\/wp-json\/wp\/v2\/tags?post=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}