{"id":3769,"date":"2025-03-06T16:26:53","date_gmt":"2025-03-06T16:26:53","guid":{"rendered":"https:\/\/citislab.it\/our-brand\/"},"modified":"2025-07-17T13:28:34","modified_gmt":"2025-07-17T13:28:34","slug":"our-brand","status":"publish","type":"page","link":"https:\/\/citislab.it\/en\/our-brand\/","title":{"rendered":"Our Brand"},"content":{"rendered":"\n<div class=\"row row-collapse row-full-width\"  id=\"row-907372348\">\n\n\n\t<div id=\"col-538090096\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(38, 33, 79);\" >\n\t\t\t\n\t\t\t\n\n<div class=\"row align-equal align-center mx-auto\"  id=\"row-644027903\">\n\n\n\t<div id=\"col-1124540408\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<nav class=\"breadcrumb w-full\" aria-label=\"Breadcrumb\"><ul class=\"flex flex-wrap items-center text-sm text-gray-600 gap-2\"><li><a href=\"https:\/\/citislab.it\/en\/\" class=\"hover:text-blue-500\" aria-label=\"Vai alla Home\">Home<\/a><\/li><\/ul><\/nav>\n\n\t<div id=\"text-2454815501\" class=\"text\">\n\t\t\n\n<h1>From Logo to Brand to talk about us<\/h1>\n\t\t\n<style>\n#text-2454815501 {\n  font-size: 1.6rem;\n  color: rgb(255,255,255);\n}\n#text-2454815501 > * {\n  color: rgb(255,255,255);\n}\n<\/style>\n\t<\/div>\n\t\n\t<div id=\"text-1182291137\" class=\"text\">\n\t\t\n\n<h2>Fonts, colors and Braille for a message of accessibility<\/h2>\n\t\t\n<style>\n#text-1182291137 {\n  font-size: 0.8rem;\n  color: rgb(255,255,255);\n}\n#text-1182291137 > * {\n  color: rgb(255,255,255);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-644027903 > .col > .col-inner {\n  padding: 60px 0px 30px 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-907372348 > .col > .col-inner {\n  background-color: rgb(38, 33, 79);\n}\n<\/style>\n<\/div>\n\n\t<section class=\"section\" id=\"section_649572290\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<div aria-label=\"Uno spin-off universitario che trasforma l\u2019accesso alla cultura in un\u2019esperienza multisensoriale inclusiva.\">\n\n<div class=\"is-divider divider clearfix\" style=\"margin-top:2em;margin-bottom:2em;height:0px;\"><\/div>\n\n<div class=\"row row-large align-middle border-img\"  id=\"row-660320708\">\n\n\n\t<div id=\"col-1538477551\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-855634584\" class=\"text dim-testo\">\n\t\t\n\n<p><span style=\"font-weight: 400\">The <\/span><strong>LOGO<\/strong><span style=\"font-weight: 400\">  of CITISLAB was born from the combination of the acronym <strong>CITIS<\/strong>, representing the motto &#8220;Communicating Sensory ITIneraries,&#8221; and the abbreviation <strong>LAB<\/strong>, meaning Laboratory. This fusion of elements is not accidental but reflects the <strong>brand<\/strong>&#8216;s inclusive philosophy, which places accessibility and multisensory communication at the center. CITIS is written in linear, graceless fonts, a choice designed to ensure maximum <strong>readability<\/strong> and meet <strong>visual accessibility<\/strong> parameters. The laboratory, represented by the abbreviation LAB, is expressed in both traditional characters and the Braille alphabet. The latter is not just a graphic detail, but a structural element of the logo, which uses the typical rectangular grid of the Braille code for the clear transposition of the three letters.<\/span><\/p>\n\t\t\n<style>\n#text-855634584 {\n  color: rgb(38, 33, 79);\n}\n#text-855634584 > * {\n  color: rgb(38, 33, 79);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1538477551 > .col-inner {\n  border-radius: 20px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-27151098\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1650389342\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"469\" src=\"https:\/\/citislab.it\/wp-content\/uploads\/2025\/03\/logo.png\" class=\"attachment-original size-original\" alt=\"Citislab&#039;s logo\" srcset=\"https:\/\/citislab.it\/wp-content\/uploads\/2025\/03\/logo.png 469w, https:\/\/citislab.it\/wp-content\/uploads\/2025\/03\/logo-300x300.png 300w, https:\/\/citislab.it\/wp-content\/uploads\/2025\/03\/logo-150x150.png 150w, https:\/\/citislab.it\/wp-content\/uploads\/2025\/03\/logo-100x100.png 100w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"caption\">Citislab's logo<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1650389342 {\n  width: 64%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1856654576\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<div class=\"video video-fit mb video-custom\" style=\"padding-top:100%;\"><div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3769-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/citislab.it\/wp-content\/uploads\/2025\/05\/logoCitislab.mp4?_=1\" \/><a href=\"https:\/\/citislab.it\/wp-content\/uploads\/2025\/05\/logoCitislab.mp4\">https:\/\/citislab.it\/wp-content\/uploads\/2025\/05\/logoCitislab.mp4<\/a><\/video><\/div><\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-234315141\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-783100874\" class=\"text dim-testo\">\n\t\t\n\n<p><span style=\"font-weight: 400\">The use of the <strong>Braille code<\/strong> reflects CITISLAB&#8217;s commitment to inclusion and accessibility for people with <strong>visual impairments<\/strong>, a core value of our work. The color choice also meets precise visibility requirements: the logo and brand name adopt BLUE (#2621F) and YELLOW (#FBBA1F), two colors whose contrast ensures clear and immediate perception, even for those with visual difficulties. In fact, these colors were selected based on visual accessibility studies, ensuring a good level of color contrast of graphic and textual elements.<\/span><\/p>\n\t\t\n<style>\n#text-783100874 {\n  text-align: left;\n  color: rgb(38, 33, 79);\n}\n#text-783100874 > * {\n  color: rgb(38, 33, 79);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-234315141 > .col-inner {\n  margin: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-660320708 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n<div class=\"row row-large align-middle border-img\"  id=\"row-1236643429\">\n\n\n\t<div id=\"col-749875771\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-4109165570\" class=\"text dim-testo\">\n\t\t\n\n<p><span style=\"font-weight: 400\">The acronym CITIS has a sound that recalls the English word &#8220;cities,&#8221; evoking an idea of <strong>city<\/strong> and <strong>community<\/strong>. This aspect is crucial, as CITISLAB targets a wide and diverse audience with the goal of promoting inclusive content and language. The union with LAB contraction further reinforces the concept of an active laboratory, a dynamic place for research and development. CITISLAB is not just a name; it represents an idea: an environment where innovative tools for accessibility are designed and implemented, always with an eye on technological evolution and user needs.<\/span><\/p>\n\t\t\n<style>\n#text-4109165570 {\n  text-align: left;\n  color: rgb(38, 33, 79);\n}\n#text-4109165570 > * {\n  color: rgb(38, 33, 79);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-749875771 > .col-inner {\n  margin: -30px 0px 0px 0px;\n}\n@media (min-width:550px) {\n  #col-749875771 > .col-inner {\n    margin: 40px 0px 0px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\n<style>\n#row-1236643429 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n<div class=\"row row-large align-middle border-img\"  id=\"row-806753128\">\n\n\n\t<div id=\"col-436111083\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2440864089\" class=\"text dim-testo\">\n\t\t\n\n<p><span style=\"font-weight: 400\">The construction of the <\/span><strong>BRAND<\/strong><span style=\"font-weight: 400\">  is done by integrating the logo with the <b>typography <\/b>i.e. the motto in full, arranged in three lines. This motto is always represented in a highly readable font, in compliance with typographic accessibility guidelines. This expedient makes it possible to maintain visual consistency and make the message clear to all, without perceptual barriers.<\/span><\/p>\n\t\t\n<style>\n#text-2440864089 {\n  color: rgb(38, 33, 79);\n}\n#text-2440864089 > * {\n  color: rgb(38, 33, 79);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-436111083 > .col-inner {\n  border-radius: 20px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-397895536\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1354825769\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"350\" src=\"https:\/\/citislab.it\/wp-content\/uploads\/2025\/01\/logo-home.png\" class=\"attachment-original size-original\" alt=\"Citislab&#039;s brand\" srcset=\"https:\/\/citislab.it\/wp-content\/uploads\/2025\/01\/logo-home.png 720w, https:\/\/citislab.it\/wp-content\/uploads\/2025\/01\/logo-home-300x146.png 300w, https:\/\/citislab.it\/wp-content\/uploads\/2025\/01\/logo-home-600x292.png 600w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"caption\">Citislab's brand\n<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1354825769 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-158592617\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3421517199\" class=\"text dim-testo\">\n\t\t\n\n<p><span style=\"font-weight: 400\">CITISLAB&#8217;s branding is not limited to a graphic sign, but is the bearer of a mission: to communicate <strong>inclusively<\/strong>, to make <strong>sensory itineraries<\/strong> accessible, and to foster the spread of a culture of accessibility. The laboratory is a place for experimentation and innovation, where research results are transformed into practical, concrete solutions to improve the <strong>usability of<\/strong> content and its commercialization.<\/span><\/p>\n<p><span style=\"font-weight: 400\">CITISLAB&#8217;s commitment does not stop at brand design, but is reflected in every activity it undertakes. The choice of an accessible logo, the use of Braille, and attention to color contrasts are just some of the strategies implemented to break down communication barriers and create a truly inclusive environment. CITISLAB is not just a brand, but a benchmark for accessibility and innovation in multisensory communication.<\/span><\/p>\n\t\t\n<style>\n#text-3421517199 {\n  text-align: left;\n  color: rgb(38, 33, 79);\n}\n#text-3421517199 > * {\n  color: rgb(38, 33, 79);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-806753128 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\n\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_649572290 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":304,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3769","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/pages\/3769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/comments?post=3769"}],"version-history":[{"count":2,"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/pages\/3769\/revisions"}],"predecessor-version":[{"id":3999,"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/pages\/3769\/revisions\/3999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/media\/304"}],"wp:attachment":[{"href":"https:\/\/citislab.it\/en\/wp-json\/wp\/v2\/media?parent=3769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}