{"id":10313,"date":"2014-12-25T01:32:43","date_gmt":"2014-12-24T23:32:43","guid":{"rendered":"http:\/\/www.grapheine.com\/?page_id=10313"},"modified":"2022-02-01T23:33:50","modified_gmt":"2022-02-01T22:33:50","slug":"blog","status":"publish","type":"page","link":"https:\/\/old.grapheine.com\/en\/blog","title":{"rendered":"Blog"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row css=\".vc_custom_1490538508815{margin-top: 40px !important;}\"][vc_column width=\"1\/3\"][vc_column_text]\n<h1><span style=\"font-size: 36pt;\">A blog<\/span><br \/>\n<span style=\"font-size: 36pt;\">about<\/span><br \/>\n<span style=\"font-size: 36pt;\">branding<\/span><br \/>\n<span style=\"font-size: 36pt;\">&amp;\u00a0graphic design<\/span><\/h1>\n<p><span style=\"color: #ffffff;\">.<\/span><br \/>\n<span style=\"color: #ffffff;\">.<\/span><br \/>\n<span style=\"color: #ffffff;\">.<\/span>[\/vc_column_text][vc_separator][vc_empty_space][\/vc_column][vc_column width=\"2\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25648&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25648\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-67012 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/san-serriffe-island-typographical\"><img decoding=\"async\"\n                    alt=\"canular typographique\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2014\/04\/san-serriffe-typo-hoax.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    01\/04\/2025            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/san-serriffe-island-typographical\">San Serriffe typographic Island<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Discover how The Guardian tricked its readers into inventing the island of San Serriffe, a fictional republic born of a typographic April Fool's joke that has become cult status. Between subtle satire and typographic wordplay, immerse yourself in one of the most brilliant journalistic hoaxes of the XX\u1d49 century.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      .post-grid .grid-items {\r\n    text-align: left !important;\r\n}\r\n.categories a:hover {\r\n text-decoration: none; \r\n}\r\n.grid-nav-bottom {\r\n  display:none; \r\n}\r\n.skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25648 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25648 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-25648 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25648 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25648 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25648 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25648 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25648 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25648 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25650&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25650\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-75592 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/design-creativity-oblique-strategies\"><img decoding=\"async\"\n                    alt=\"strat\u00e9gies obliques design cr\u00e9ativit\u00e9\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2025\/01\/01_brian-Eno_Strategies-obliques-design-creation.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    03\/02\/2025            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/design-creativity-oblique-strategies\">Design, creativity and oblique strategies!<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Discover how Brian Eno, genius musician and producer (David Bowie, Iggy Pop, U2...), pushed back the limits of creation thanks to a simple card game: \u201cOblique Strategies\u201d.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      \/*Write your CSS code here*\/    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25650 {\n      padding: 0px;\n          }\n\n    #post-grid-25650 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-25650 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25650 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25650 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25650 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25650 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25650 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25650 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column][vc_column width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25652&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25652\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-75251 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/tote-bag-totem-history-design\"><img decoding=\"async\"\n                    alt=\"\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2024\/12\/15_pierre_bourdieu_tote_bag.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    05\/12\/2024            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/tote-bag-totem-history-design\">Tote bag, a new social totem?<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        The tote bag has become an essential part of our everyday urban lives. What does it say about our society, our times, our habits and our behaviour?            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      \/*Write your CSS code here*\/    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25652 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25652 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-25652 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25652 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25652 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25652 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25652 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25652 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25652 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column][vc_column width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25700&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25700\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-73328 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/donald-trump-semiology-image\"><img decoding=\"async\"\n                    alt=\"\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2024\/07\/Donald_Trump_photo_attentat_historique_poing_leve_drapeau_americain-e1721999485103.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    16\/07\/2024            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/donald-trump-semiology-image\">Donald Trump, the martyr who makes history<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Donald Trump, his face bloodied, raises his fist and seems to proclaim \u201cI'm alive, fight!\u201d. Let's decipher an image that has gone down in history at the speed of a shotgun blast.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      \/*Write your CSS code here*\/    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25700 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25700 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-25700 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25700 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25700 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25700 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25700 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25700 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25700 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\"1\/3\"][\/vc_column][vc_column width=\"1\/3\"][vc_btn title=\"See more\" style=\"flat\" shape=\"square\" color=\"default\" size=\"lg\" align=\"center\" button_block=\"true\" link=\"url:https%3A%2F%2Fwww.grapheine.com%2Fen%2Fblog%2Finsights-on-graphic-design|title:Branding%20graphic%20design%20news\"][\/vc_column][vc_column width=\"1\/3\"][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" css=\".vc_custom_1485935012935{background-color: #efefef !important;}\"][vc_column][vc_row_inner][vc_column_inner width=\"2\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25607&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25607\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-63502 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/news-agency\/identity-visual-school-of-communication-sup-de-com\"><img decoding=\"async\"\n                    alt=\"Identit\u00e9 visuelle sup-de-com\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2022\/11\/23-piste-3-ecole-communication-sup-de-com-mascotte-2280x1410.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    04\/11\/2022            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/news-agency\/identity-visual-school-of-communication-sup-de-com\">Visual identity project for Sup de com<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Visual identity project (not selected) for the communication school \"Sup de Com\". Complete presentation of the strategic and creative approach.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      #post-grid-25607 .item {\r\n    background: #efefef;\r\n}\r\n.post-grid .pagination {\r\n    margin: 0px !important;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25607 {\n      padding: 0px;\n      background-color: #efefef;\n          }\n\n    #post-grid-25607 .item {\n      padding: 0px;\n      background: #efefef;\n          }\n\n    #post-grid-25607 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25607 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25607 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25607 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25607 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25607 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25607 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_column_text]\n<h2><span style=\"font-size: 36pt;\"><span style=\"color: #000000;\"><a href=\"https:\/\/www.grapheine.com\/en\/blog\/news-of-the-agency\">News<br \/>\nof the agency<\/a><\/span><\/span><br \/>\n<span style=\"font-size: 36pt;\"><span style=\"color: #999999;\">Our recent projects.<\/span><\/span><\/h2>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25613&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25613\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-60409 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/news-agency\/branding-communication-theater-of-nimes\"><img decoding=\"async\"\n                    alt=\"communication th\u00e9\u00e2tre de n\u00eemes\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2022\/05\/11-Theater-Nimes-slogan-animons-nous-couverture-behance-2280x1410.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    23\/05\/2022            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/news-agency\/branding-communication-theater-of-nimes\">Visual identity project for the theater of N\u00eemes<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Project (not retained) of visual identity for the Theatre of N\u00eemes. A logo that exclaims \"loud and clear\" to reinforce the symbolic presence of the theater in the urban space.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      .post-grid .pagination {\r\n    margin: 0px 0 !important;\r\n}\r\n#post-grid-25613 .item {\r\n    background: #efefef;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25613 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25613 .item {\n      padding: 0px;\n      background: #efefef;\n          }\n\n    #post-grid-25613 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25613 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25613 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25613 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25613 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25613 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25613 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25689&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25689\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-59409 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/news-agency\/logo-70-year-european-convention-of-human-rights\"><img decoding=\"async\"\n                    alt=\"identit\u00e9-visuelle- convention-europ\u00e9enne des droits de l\u2019Homme -\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2022\/03\/identite-visuelle-convention-europeenne-des-droits-de-lHomme--2280x1410.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    07\/03\/2022            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/news-agency\/logo-70-year-european-convention-of-human-rights\">Visual identity project for the 70th anniversary of the European Convention on Human Rights<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Visual identity project for the 70th anniversary of the European Convention on Human Rights.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      #post-grid-25689 .item {\r\n    background: #efefef;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25689 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25689 .item {\n      padding: 0px;\n      background: #efefef;\n          }\n\n    #post-grid-25689 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25689 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25689 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25689 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25689 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25689 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25689 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25706&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25706\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-52102 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/news-agency\/colorful-2022\"><img decoding=\"async\"\n                    alt=\"colorful #2022 pantone\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2022\/01\/Couverture_colorfull_2022_pantone-2280x1403.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    11\/01\/2022            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/news-agency\/colorful-2022\">Colorful #2022<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        To celebrate the new year, Graph\u00e9ine offers you colors, to brighten up your life in 2022 (and some humor, too).            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      #post-grid-25706 .item {\r\n    background: #efefef;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25706 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25706 .item {\n      padding: 0px;\n      background: ;\n          }\n\n    #post-grid-25706 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25706 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25706 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25706 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25706 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25706 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25706 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_btn title=\"See more\" style=\"flat\" shape=\"square\" color=\"white\" size=\"lg\" align=\"center\" button_block=\"true\" link=\"url:https%3A%2F%2Fwww.grapheine.com%2Fen%2Fblog%2Fnews-of-the-agency|title:news%20of%20the%20branding%20agency\"][\/vc_column_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]\n<h1><span style=\"font-size: 36pt;\"><a href=\"https:\/\/www.grapheine.com\/en\/blog\/logo-news\">Logo news<\/a>,<br \/>\n<\/span><span style=\"font-size: 36pt; color: #999999;\">our look<br \/>\nat branding<br \/>\nnews.<\/span><\/h1>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25605&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25605\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-69852 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/logo-news\/un-logo-takes-on-water-climate-change\"><img decoding=\"async\"\n                    alt=\"Climat changement logo ONU\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/12\/The-climate-changed-logo.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    15\/12\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/logo-news\/un-logo-takes-on-water-climate-change\">The UN logo takes on water during COP28<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        For COP28, two designers have come up with a new UN logo showing the rising sea levels and the future disappearance of much land and coastline.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      .skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25605 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-25605 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-25605 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25605 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25605 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25605 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25605 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25605 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25605 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;52626&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-52626\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-66254 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/logo-news\/evian-x-balmain-deep-water-cp-branding-strategy\"><img decoding=\"async\"\n                    alt=\"Evian Balmain une strat\u00e9gie de co-branding Eau de Gamme\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/05\/Evian_balmain_cobranding.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    15\/05\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/logo-news\/evian-x-balmain-deep-water-cp-branding-strategy\">Evian x Balmain, a deep water co-branding strategy<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        This surprising co-branding gives us the opportunity to look back at the history of evian and to decipher the stakes of this strategy of luxification, greenwashing and the issue of plastic waste.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      .skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-52626 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-52626 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-52626 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-52626 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52626 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-52626 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52626 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-52626 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52626 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;52627&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-52627\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-65375 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/logo-news\/new-logo-burberry-prestige-with-a-new-antique-logo\"><img decoding=\"async\"\n                    alt=\"burberry-chevalier-nouveau-logo\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/03\/burberry-chevalier-nouveau-logo.jpeg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    21\/03\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/logo-news\/new-logo-burberry-prestige-with-a-new-antique-logo\">Burberry regains prestige with a new antique logo<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Burberry's new logo revives the brand's coat of arms by adopting an antique typography and recovering its knight.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      .skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-52627 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-52627 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-52627 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-52627 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52627 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-52627 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52627 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-52627 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52627 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;52629&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-52629\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-65369 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/logo-news\/toblerones-new-mountain-when-packaging-brands-a-territory\"><img decoding=\"async\"\n                    alt=\"cervin-toblerone-montagne\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/03\/cervin-toblerone-cover.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    21\/03\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/logo-news\/toblerones-new-mountain-when-packaging-brands-a-territory\">Toblerone's new mountain: when packaging brands a territory<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        From Toblerone to Milka to feta cheese, brands mark their territory on their packaging and are sometimes caught up in the globalization game.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      .skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          \/*Write your js code here*\/          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-52629 {\n      padding: 0px;\n      background-color: #fff;\n          }\n\n    #post-grid-52629 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-52629 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-52629 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52629 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-52629 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52629 .item {\n        width: 100%;\n        margin: 0px;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-52629 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52629 .item {\n        width: 100%;\n        display: inline-block;\n        margin: 0px;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=\"1\/3\"][\/vc_column][vc_column width=\"1\/3\"][vc_btn title=\"See more\" style=\"flat\" shape=\"square\" color=\"default\" size=\"lg\" align=\"center\" button_block=\"true\" link=\"url:https%3A%2F%2Fwww.grapheine.com%2Fen%2Fblog%2Flogo-news|title:Brand%20news\"][\/vc_column][vc_column width=\"1\/3\"][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" css=\".vc_custom_1485935454274{background-color: #efefef !important;}\"][vc_column][vc_column_text]\n<h1><a href=\"https:\/\/www.grapheine.com\/en\/blog\/history-of-graphic-design\"><span style=\"font-size: 36pt;\">A bit\u00a0of history...<\/span><\/a><\/h1>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" css=\".vc_custom_1643754204921{background-color: #efefef !important;}\"][vc_column][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;25705&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-25705\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-74604 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/sister-corita-kent-pop-art-graphic\"><img decoding=\"async\"\n                    alt=\"\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2024\/10\/01-Corita-kent-graphic-design-poster-.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    10\/10\/2024            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/sister-corita-kent-pop-art-graphic\">Sister Corita Kent, the Pop Art nun<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Sister Corita Kent (1918-1986). Committed graphic artist and Pop Art pioneer.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-70082 skin flat odd 1 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/maurits-escher-impossible-reality\"><img decoding=\"async\"\n                    alt=\"mc-escher art graphique magique\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/12\/mc-escher-self-portrait-3.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    19\/12\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/maurits-escher-impossible-reality\">Maurits Escher's impossible reality<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Escher is a \"mathemagician\" who created realistic yet physically impossible works, combining art and mathematics.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-69705 skin flat even 2 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/anni-albers-weaving-bauhaus-modernity\"><img decoding=\"async\"\n                    alt=\"\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/12\/anni-albers-biographie-tissage-1.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    05\/12\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/anni-albers-weaving-bauhaus-modernity\">Anni Albers, weaving Bauhaus and modernity<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Anni Albers was one of the few Bauhaus women to achieve fame in her own lifetime. Her work dusted off and modernized tapestry.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-66072 skin flat odd 3 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/history-record-covers-design-50s-jazz\"><img decoding=\"async\"\n                    alt=\"history-record-covers-jazz-1950\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/04\/history-record-covers-jazz-1950.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    17\/04\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/history-record-covers-design-50s-jazz\">History of record covers: the face of 50s jazz<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        The vinyl sleeves come to life with jazz. It is a whole graphic universe that makes the music heard, through the illustration or the photo.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-65389 skin flat even 4 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/minimalism-aesthetics-of-sobriety\"><img decoding=\"async\"\n                    alt=\"cover-minimalisme\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2023\/01\/cover-minimalisme-2280x1403.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    21\/03\/2023            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/minimalism-aesthetics-of-sobriety\">Minimalism: aesthetics of sobriety<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Both a visual or life discipline, minimalism has become a questionable trend and consists in simplifying to keep only the essential.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      #post-grid-25705 {\r\n\tbackground-color:#efefef !important\r\n}\r\n\r\n\r\n\r\n@media only screen and (min-width: 767px){\r\n\r\n#post-grid-25705 .item {\r\n    margin: 0% -2% 0% 0%;\r\n}\r\n\r\n#post-grid-25705 .item:nth-child(1){\r\n    width: 66%;\r\n}\r\n#post-grid-25705 .item:nth-child(2){\r\n    width: 31.5%;\r\n\tmargin: 0 -3% 0 0;\r\n}\r\n#post-grid-25705 .item:nth-child(5){\r\n    width: 31.5%;\r\n\tmargin: 0 -3% 0 0;\r\n}\r\n\r\n}\r\n.post-grid .grid-items {\r\n    text-align: left !important;\r\n}\r\n@media only screen and (max-width: 767px) and (min-width: 320px){\r\n  \r\n #post-grid-25705 .item:nth-child(2n){\r\n    margin: 0% -2% 0% 0% !important;\r\n}\r\n}\r\n.categories a:hover {\r\n text-decoration: none; \r\n}\r\n.grid-nav-bottom {\r\n  display:none; \r\n}\r\n.skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-25705 {\n      padding: 0px;\n      background-color: #efefef;\n          }\n\n    #post-grid-25705 .item {\n      padding: 0px;\n      background: #efefef;\n          }\n\n    #post-grid-25705 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-25705 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25705 .item {\n        width: 48%;\n        margin: 0% 3% 0% 0%;;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-25705 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25705 .item {\n        width: 31.5%;\n        margin: 0% 3% 0% 0%;;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-25705 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-25705 .item {\n        width: 31.5%;\n        display: inline-block;\n        margin: 0% 3% 0% 0%;;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][vc_row_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_btn title=\"See more\" style=\"flat\" shape=\"square\" color=\"white\" size=\"lg\" align=\"center\" button_block=\"true\" link=\"url:https%3A%2F%2Fwww.grapheine.com%2Fen%2Fblog%2Fhistory-of-graphic-design|title:History%20of%20graphic%20design\"][\/vc_column_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][\/vc_row_inner][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h1><a href=\"https:\/\/www.grapheine.com\/en\/blog\/best-of\"><span style=\"font-size: 36pt;\">The must-read articles!<\/span><\/a><\/h1>\n[\/vc_column_text][vc_column_text]    <div data-options='{&quot;id&quot;:&quot;52641&quot;,&quot;lazy_load&quot;:&quot;no&quot;,&quot;masonry_enable&quot;:&quot;no&quot;,&quot;view_type&quot;:&quot;grid&quot;}' id=\"post-grid-52641\" class=\"post-grid grid\">\n        <div class=\"grid-items\">\n      <div class=\"item item-23856 skin flat even 0 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/client-graphic-designer\"><img decoding=\"async\"\n                    alt=\"customer-feedback\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2016\/10\/retour-agence-communication-dylan-EN-1950x1200.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    10\/10\/2016            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/client-graphic-designer\">My client is a graphic designer<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        Imagining customer feedback on mythical posters. The tone is exacerbated and any resemblance to real and actual feedback\u00a0is purely coincidental.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-40662 skin flat odd 1 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/paul-rand-everything-is-design\"><img decoding=\"async\"\n                    alt=\"portrait-paul-rand-design\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/Champion-Papers-Kromekote-2000-Childhood-Fantasies-1991-In-Studio-by-Sally-Anderson-Bruce-color.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    03\/10\/2019            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/paul-rand-everything-is-design\">Paul Rand, everything is design!<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        In the 1950s, in the midst of the Cold War, Paul Rand transformed the use of graphic design and the face of American companies.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-32340 skin flat even 2 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/graphic-designer-muller-brockmann-swiss-style\"><img decoding=\"async\"\n                    alt=\"Muller Brockmann most famous Graphic designer\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2013\/03\/MULLER-BROCKMANN-portrait1.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    12\/03\/2013            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/graphic-design-en\/graphic-designer-muller-brockmann-swiss-style\">Josef M\u00fcller-Brockmann \"swiss style\"<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        M\u00fcller-Brockmann is one of the most influential graphic designers in the history. His work is always taught, studied and published. It is certainly the figurehead of Swiss graphic design (which also takes the name of international style). His work is influenced by Bauhaus and constructivism. Typography and geometry are predominant.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-34354 skin flat odd 3 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/history-of-book-covers-1\"><img decoding=\"async\"\n                    alt=\"from codex to color printing\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2017\/06\/From-codex-to-color-printing-1.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    14\/06\/2017            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/history-of-graphic-design\/history-of-book-covers-1\">A short history of book cover design - 1\/4<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        From codex to colour printing! Here is the first part of this series of articles sweeping the evolution of book covers to the present day, through the most striking revolutions.            <\/div>\n    <\/div>\n  <\/div><div class=\"item item-41852 skin flat even 4 \">\n        <div class=\"layer-wrapper layout-49761\">\n          <div class=\"element element_1643425444615  thumb_link \">\n                    <a target=\"_self\" href=\"https:\/\/old.grapheine.com\/en\/logo-news\/the-story-of-the-big-bad-jurassic-park-logosaurus\"><img decoding=\"async\"\n                    alt=\"jurassic-park-logo\" src=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2019\/11\/jp-cover.jpg\"><\/a>\n            <\/div>\n    <div class=\"element element_1643398612369  post_date \">\n                    27\/11\/2019            <\/div>\n    <div class=\"element element_1626126389200 element_0 title \">\n                    <a target=\"_self\"\n                href=\"https:\/\/old.grapheine.com\/en\/logo-news\/the-story-of-the-big-bad-jurassic-park-logosaurus\">The story of the big bad Jurassic Park logosaurus<\/a>\n            <\/div>\n    <div class=\"element element_1626126397703 element_1 excerpt \">\n        It took 68 million years to resurrect a T-rex, and almost as long to create the Jurassic Park logo. Here is his wicked adventure.            <\/div>\n    <\/div>\n  <\/div>    <\/div>\n      <style type=\"text\/css\">\n        .layout-49761 .element_1643425444615 {\n            overflow: hidden;\n                    }\n\n        .layout-49761 .element_1643425444615 img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media only screen and (min-width: 1024px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            .layout-49761 .element_1643425444615 {\n                            }\n        }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1643398612369 {\n            color: #808080;\n            margin: 28px 0px -24px 0px !important;\n            text-align: left;\n            color: #808080!important;\r\nmargin: 28px 0px -24px 0px !important;        }\n\n        .layout-49761 .element_1643398612369 a {\n            color: #808080;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126389200 {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126389200:hover {\n            color:#FF0        }\n\n        .layout-49761 .element_1626126389200 a {\n            margin: 24px 0px 20px 0px;\n            text-align: left;\n                    }\n    <\/style>\n    <style type=\"text\/css\">\n        .layout-49761 .element_1626126397703 {\n            margin: 0px 0px 60px 0px;\n            text-align: left;\n                    }\n\n        .layout-49761 .element_1626126397703 a {\n                    }\n    <\/style>\n      <style type=\"text\/css\">\n      @media only screen and (min-width: 767px){\r\n\r\n#post-grid-52641 .item {\r\n    margin: 0% -2% 0% 0%;\r\n}\r\n\r\n#post-grid-52641 .item:nth-child(1){\r\n    width: 66%;\r\n}\r\n#post-grid-52641 .item:nth-child(2){\r\n    width: 31.5%;\r\n\tmargin: 0 -3% 0 0;\r\n}\r\n#post-grid-52641 .item:nth-child(5){\r\n    width: 31.5%;\r\n\tmargin: 0 -3% 0 0;\r\n}\r\n\r\n}\r\n.post-grid .grid-items {\r\n    text-align: left !important;\r\n}\r\n@media only screen and (max-width: 767px) and (min-width: 320px){\r\n  \r\n #post-grid-52641 .item:nth-child(2n){\r\n    margin: 0% -2% 0% 0% !important;\r\n}\r\n}\r\n.categories a:hover {\r\n text-decoration: none; \r\n}\r\n.grid-nav-bottom {\r\n  display:none; \r\n}\r\n.skin.flat .layer-content {\r\n    padding: 10px 0px !important;\r\n}    <\/style>\n      <script>\n          <\/script>\n    <style type=\"text\/css\">\n    #post-grid-52641 {\n      padding: 0px;\n          }\n\n    #post-grid-52641 .item {\n      padding: 0px;\n      background: #fff;\n          }\n\n    #post-grid-52641 .item .layer-media {\n      height:auto;    }\n\n    @media only screen and (min-width: 0px) and (max-width: 767px) {\n      #post-grid-52641 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52641 .item {\n        width: 48%;\n        margin: 0% 3% 0% 0%;;\n        display: inline-block;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n    @media only screen and (min-width: 768px) and (max-width: 1023px) {\n      #post-grid-52641 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52641 .item {\n        width: 31.5%;\n        margin: 0% 3% 0% 0%;;\n        display: inline-block;\n        vertical-align: top;\n        max-height:auto;      }\n    }\n\n    @media only screen and (min-width: 1024px) {\n      #post-grid-52641 .grid-items {\n        text-align: center;\n              }\n\n      #post-grid-52641 .item {\n        width: 31.5%;\n        display: inline-block;\n        margin: 0% 3% 0% 0%;;\n        vertical-align: top;\n        height:auto;      }\n    }\n\n      <\/style>\n  <\/div>\n[\/vc_column_text][vc_row_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][vc_column_inner width=\"1\/3\"][vc_btn title=\"See more\" style=\"flat\" shape=\"square\" color=\"default\" size=\"lg\" align=\"center\" button_block=\"true\" link=\"url:https%3A%2F%2Fwww.grapheine.com%2Fen%2Fblog%2Fbest-of|title:Best%20of%20the%20blog%20\"][\/vc_column_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"<p>News of the brand design.<\/p>\n","protected":false},"author":55,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","filesize_raw":"","footnotes":""},"class_list":["post-10313","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Branding Blog<\/title>\n<meta name=\"description\" content=\"A blog about branding and graphic design.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blog\" \/>\n<meta property=\"og:description\" content=\"A blog about branding and graphic design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/old.grapheine.com\/en\/blog\" \/>\n<meta property=\"og:site_name\" content=\"Graph\u00e9ine - Agence de communication Paris Lyon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/grapheine\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-01T22:33:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/old.grapheine.com\/wp-content\/uploads\/2014\/01\/pills_800.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@grapheine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.grapheine.com\/en\/blog\",\"url\":\"https:\/\/old.grapheine.com\/en\/blog\",\"name\":\"The Branding Blog\",\"isPartOf\":{\"@id\":\"https:\/\/old.grapheine.com\/#website\"},\"datePublished\":\"2014-12-24T23:32:43+00:00\",\"dateModified\":\"2022-02-01T22:33:50+00:00\",\"description\":\"A blog about branding and graphic design.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/old.grapheine.com\/en\/blog\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/old.grapheine.com\/#website\",\"url\":\"https:\/\/old.grapheine.com\/\",\"name\":\"Graph\u00e9ine - Agence de communication Paris Lyon\",\"description\":\"Graph\u00e9ine is a branding agency in Paris and Lyon specializing in the creation of creative visual identities\",\"publisher\":{\"@id\":\"https:\/\/old.grapheine.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/old.grapheine.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/old.grapheine.com\/#organization\",\"name\":\"Graph\u00e9ine\",\"url\":\"https:\/\/old.grapheine.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/old.grapheine.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif\",\"contentUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif\",\"width\":200,\"height\":200,\"caption\":\"Graph\u00e9ine\"},\"image\":{\"@id\":\"https:\/\/old.grapheine.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/grapheine\",\"https:\/\/x.com\/grapheine\",\"https:\/\/www.instagram.com\/grapheine_branding\",\"https:\/\/www.linkedin.com\/company\/grapheine\",\"https:\/\/www.pinterest.fr\/grapheine\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Branding Blog","description":"A blog about branding and graphic design.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Blog","og_description":"A blog about branding and graphic design.","og_url":"https:\/\/old.grapheine.com\/en\/blog","og_site_name":"Graph\u00e9ine - Agence de communication Paris Lyon","article_publisher":"https:\/\/facebook.com\/grapheine","article_modified_time":"2022-02-01T22:33:50+00:00","og_image":[{"width":800,"height":800,"url":"https:\/\/old.grapheine.com\/wp-content\/uploads\/2014\/01\/pills_800.gif","type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_site":"@grapheine","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/old.grapheine.com\/en\/blog","url":"https:\/\/old.grapheine.com\/en\/blog","name":"The Branding Blog","isPartOf":{"@id":"https:\/\/old.grapheine.com\/#website"},"datePublished":"2014-12-24T23:32:43+00:00","dateModified":"2022-02-01T22:33:50+00:00","description":"A blog about branding and graphic design.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/old.grapheine.com\/en\/blog"]}]},{"@type":"WebSite","@id":"https:\/\/old.grapheine.com\/#website","url":"https:\/\/old.grapheine.com\/","name":"Graph\u00e9ine - Agence de communication Paris Lyon","description":"Graph\u00e9ine is a branding agency in Paris and Lyon specializing in the creation of creative visual identities","publisher":{"@id":"https:\/\/old.grapheine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/old.grapheine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/old.grapheine.com\/#organization","name":"Graph\u00e9ine","url":"https:\/\/old.grapheine.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/old.grapheine.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif","contentUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif","width":200,"height":200,"caption":"Graph\u00e9ine"},"image":{"@id":"https:\/\/old.grapheine.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/grapheine","https:\/\/x.com\/grapheine","https:\/\/www.instagram.com\/grapheine_branding","https:\/\/www.linkedin.com\/company\/grapheine","https:\/\/www.pinterest.fr\/grapheine"]}]}},"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/pages\/10313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/comments?post=10313"}],"version-history":[{"count":0,"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/pages\/10313\/revisions"}],"wp:attachment":[{"href":"https:\/\/old.grapheine.com\/en\/wp-json\/wp\/v2\/media?parent=10313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}