{"id":63695,"date":"2022-11-30T13:17:49","date_gmt":"2022-11-30T12:17:49","guid":{"rendered":"https:\/\/www.grapheine.com\/?post_type=portfolio&p=63695"},"modified":"2022-12-10T22:05:42","modified_gmt":"2022-12-10T21:05:42","slug":"cite-du-vitrail-visual-identity","status":"publish","type":"portfolio","link":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity","title":{"rendered":"Cit\u00e9 du Vitrail – Visual identity"},"content":{"rendered":"
[vc_row][vc_column][vc_single_image image=\"63686\" img_size=\"2280\u00d71169\" alignment=\"center\" el_class=\"mainportfolio alignfull\" css=\".vc_custom_1668551268594{background-color: #d7282f !important;}\"][\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text el_class=\"dateportfolio\"]2020[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\n

Visual identity of Cit\u00e9 du Vitrail de Troyes
\nA unique place dedicated to the stained glass heritage of Aube en Champagne department<\/span><\/h1>\n[\/vc_column_text][vc_column_text]Cit\u00e9 du Vitrail<\/a> is an exceptional scientific, cultural, educational and tourist project, supported by the Aube en Champagne department<\/strong>. Its inauguration took place on 17 December 2022, after more than 4 years of work. Located in Troyes in the H\u00f4tel-Dieu-le-Comte, the Cit\u00e9 du Vitrail will offer nearly 3,000 m\u00b2 of discovery, emotion and experimentation<\/strong>. This project aims to define the Aube en Champagne french Department<\/a> as the European capital of stained glass.<\/p>\n

Graph\u00e9ine had the pleasure of working with the Cit\u00e9 du Vitrail team to redefine its visual identity<\/strong>. The richness and abundance of the stained glass art in the Aubois region makes it an exceptional land on a European and world scale. The previous identity dates from 2013 and no longer corresponds to the ambition of a \"great\" City. Lacking legibility and without a coherent graphic guideline, the visual identity of the Cit\u00e9 du Vitrail needed a boost to match its new stature<\/strong>.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_single_image image=\"63632\" img_size=\"full\" alignment=\"center\"][vc_gallery interval=\"3\" images=\"63630,63638\" img_size=\"full\" onclick=\"\"][vc_single_image image=\"63634\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"63636\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"63642\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"63640\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"63644\" img_size=\"full\" alignment=\"center\"][vc_row_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\n

A visual identity that symbolises the art of stained glass<\/h2>\n

The new visual identity combines a redesign and the enhancement of an exceptional place. The primary objective was to break with the dusty image of stained glass and to give it a lively, dynamic, creative and innovative image<\/strong>.<\/p>\n

The fragmentation of the stained glass windows and their geometry largely inspired the logotype. The \"V\" monogram emblem and the wordmark were made from the Ziza typography of Novo Typo foundry<\/strong>. It\u2019s a cut-out typeface that recalls the art of stained glass and its manufacturing processes. The stencil aesthetic of this typographic choice is a nod to the netted structures of stained glass. The typeface, used in black and white for the logotype, has been adapted and customised to create a unique and impactful design. The use of the Ziza family of typefaces is expressed in colours and overlays within the graphic system<\/strong>.<\/p>\n

This approach of composing the whole identity of the place on a typographic choice allows an original and singular identification. The Ziza typographic family is composed of different styles to be overlaid. The play of transparencies and cut-outs offered by these superimpositions translate very directly the constituent elements of stained glass: light (coloured or not), glass and the relationship between the stained glass and the architecture that receives it<\/strong>.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_gallery type=\"image_grid\" images=\"63646,63648,63650,63652,63654,63656,63658,63660,63688,63662\" img_size=\"full\" onclick=\"\"][vc_row_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\n

A typographic family that plays with fragments and transparency<\/h2>\n

The graphic system directly evokes its subject, whether the visuals take up stained glass illustrations or the compositions are solely typographic<\/strong>. The colours are based on the range that allows the typography to be layered in a fragmented way. A principle of transparent flat tints is overlaid on the visuals, which are displayed on the full page, allowing the finesse of the work to be admired. Finally, the emblem acts as a window, a piece of stained glass through which the works can be viewed<\/strong>.<\/p>\n

The strength and typographical correspondence of this project perfectly reflects the desire of the Departmental Council: to rejuvenate the image of this craft and to promote the historical and contemporary heritage to be admired in the territory<\/strong>.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_gallery type=\"image_grid\" images=\"63664,63666,63668,63670,63672,63674,63676,63678,63680,63682,63684\" img_size=\"full\" onclick=\"\"][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator][vc_column_text]\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=\"1\/4\"][\/vc_column][vc_column width=\"3\/4\"][vc_tta_accordion style=\"flat\" shape=\"square\" color=\"white\" active_section=\"\" no_fill=\"true\" collapsible_all=\"true\"][vc_tta_section title=\"Plus d'informations\" tab_id=\"1525791213292-321ceee4-2378c5d0-d700\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/2\"][vc_column_text]\n

Context<\/h4>\n

The Cit\u00e9 du vitrail, a service of the Department of the Aube, had to make its transition. From a prefiguration exhibition, opened in 2013, its objective was to become a cultural establishment of international scope on the art of stained glass. Work on the west wing of the H\u00f4tel-Dieu-Le-Comte in Troyes began in June 2018 and the prefiguration space will close its doors definitively on 31 December 2018. The Cit\u00e9 du vitrail will continue to operate for a time outside the walls during the closure period. After 4 years of renovation work on the H\u00f4tel-Dieu-Le-Comte, the Cit\u00e9 du Vitrail opened its doors on 17 December 2022.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/2\"][vc_column_text]\n

Objectifs<\/h4>\n

The new visual identity updates the image of the Cit\u00e9 du Vitrail and stands out from other stained glass structures in Europe. The new brand universe embodies a lively, dynamic, creative and innovative image of this art. This project allows the Department of the Aube to establish itself as the European capital of stained glass. The new visual system based on the Ziza typographic family is consistent with the constituent elements of stained glass: light, glass and the relationship between the stained glass and the architecture that receives it.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"

The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.<\/p>\n","protected":false},"featured_media":64098,"comment_status":"open","ping_status":"closed","template":"","yoast_head":"\nCit\u00e9 du Vitrail - Visual identity<\/title>\n<meta name=\"description\" content=\"The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cit\u00e9 du Vitrail - Visual identity\" \/>\n<meta property=\"og:description\" content=\"The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity\" \/>\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-12-10T21:05:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.grapheine.com\/cdn-cgi\/image\/width=2280,height=1410,fit=crop,quality=85,format=auto,onerror=redirect,metadata=none\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"2280\" \/>\n\t<meta property=\"og:image:height\" content=\"1410\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity\",\"url\":\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity\",\"name\":\"Cit\u00e9 du Vitrail - Visual identity\",\"isPartOf\":{\"@id\":\"https:\/\/www.grapheine.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif\",\"datePublished\":\"2022-11-30T12:17:49+00:00\",\"dateModified\":\"2022-12-10T21:05:42+00:00\",\"description\":\"The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity#primaryimage\",\"url\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif\",\"contentUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif\",\"width\":2280,\"height\":1410,\"caption\":\"Identit\u00e9 visuelle Cit\u00e9 du Vitrail mus\u00e9e champagne\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.grapheine.com\/#website\",\"url\":\"https:\/\/www.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:\/\/www.grapheine.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.grapheine.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.grapheine.com\/#organization\",\"name\":\"Graph\u00e9ine\",\"url\":\"https:\/\/www.grapheine.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.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:\/\/www.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":"Cit\u00e9 du Vitrail - Visual identity","description":"The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity","og_locale":"en_US","og_type":"article","og_title":"Cit\u00e9 du Vitrail - Visual identity","og_description":"The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.","og_url":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity","og_site_name":"Graph\u00e9ine - Agence de communication Paris Lyon","article_publisher":"https:\/\/facebook.com\/grapheine","article_modified_time":"2022-12-10T21:05:42+00:00","og_image":[{"width":2280,"height":1410,"url":"https:\/\/www.grapheine.com\/cdn-cgi\/image\/width=2280,height=1410,fit=crop,quality=85,format=auto,onerror=redirect,metadata=none\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif","type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_site":"@grapheine","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity","url":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity","name":"Cit\u00e9 du Vitrail - Visual identity","isPartOf":{"@id":"https:\/\/www.grapheine.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity#primaryimage"},"image":{"@id":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity#primaryimage"},"thumbnailUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif","datePublished":"2022-11-30T12:17:49+00:00","dateModified":"2022-12-10T21:05:42+00:00","description":"The Cit\u00e9 du Vitrail unveils a new visual identity based on a typographic family that translates the constituent elements of this art.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/en\/portfolio\/cite-du-vitrail-visual-identity#primaryimage","url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif","contentUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2022\/11\/Cite-du-Vitrail-logo.gif","width":2280,"height":1410,"caption":"Identit\u00e9 visuelle Cit\u00e9 du Vitrail mus\u00e9e champagne"},{"@type":"WebSite","@id":"https:\/\/www.grapheine.com\/#website","url":"https:\/\/www.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:\/\/www.grapheine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.grapheine.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.grapheine.com\/#organization","name":"Graph\u00e9ine","url":"https:\/\/www.grapheine.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.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:\/\/www.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,"_links":{"self":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/portfolio\/63695"}],"collection":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/comments?post=63695"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/media\/64098"}],"wp:attachment":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/media?parent=63695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}