") 17 17,auto;background:var(--bodyBackground);color:var(--bodyColor);transition-timing-function:cubic-bezier(.5,1,.89,1);transition-duration:.5s;transition-property:background,color}:where(a,button,summary){all:unset;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.83 35.83'%3E%3Cpath d='m17.91 0 17.91 17.91-17.9 17.91L0 17.92z'/%3E%3Cpath fill='%23fffdfd' stroke='%23fffdfd' stroke-miterlimit='10' d='M18.67 18.67H24.21a.25.25 0 0 0 .26-.25v-1.01a.25.25 0 0 0-.26-.26h-5.54v-5.54a.25.25 0 0 0-.25-.25h-1.01a.25.25 0 0 0-.26.25v5.54h-5.54a.25.25 0 0 0-.25.26v1.01a.25.25 0 0 0 .25.25h5.54V24.21a.25.25 0 0 0 .26.26h1.01a.25.25 0 0 0 .25-.26Z'/%3E%3C/svg%3E") 17 17,auto}img{max-inline-size:100%;user-select:none}source,picture{display:contents}svg{block-size:1em;inline-size:auto;fill:currentColor}:where(h1,h2,h3,h4,h5,h6,address){all:unset;display:block}ul{list-style:none}:root{--color-1: #F9754C;--color-2: #809583;--color-3: #D0CAC4}.bc--1{background:var(--color-1)}.bc--2{background:var(--color-2)}.bc--3{background:var(--color-3)}@font-face{font-family:GT-Walsheim;font-weight:400;src:url(/fonts/GT-Walsheim-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:GT-Walsheim;font-weight:700;src:url(/fonts/GT-Walsheim-Bold.woff2) format("woff2");font-display:swap}:where(.fs--1){line-height:1.5;text-transform:uppercase}@media (min-width: 576px){:where(.fs--1){font-size:1.125rem}}:where(.fs--2){line-height:1.1;font-size:2rem}@media (min-width: 480px){:where(.fs--2){font-size:2.375rem}}@media (min-width: 576px){:where(.fs--2){font-size:2.75rem}}@media (min-width: 992px){:where(.fs--2){font-size:3.5rem}}:where(.fs--3){line-height:1.1;font-size:2.5rem;font-weight:400}@media (min-width: 576px){:where(.fs--3){font-size:3rem}}@media (min-width: 768px){:where(.fs--3){font-size:4rem}}@media (min-width: 992px){:where(.fs--3){font-size:4.5rem}}@media (min-width: 1200px){:where(.fs--3){font-size:5.625rem}}:where(.fs--5){font-size:1.5rem;line-height:1.25;text-transform:uppercase}@media (min-width: 480px){:where(.fs--5){font-size:1.75rem}}@media (min-width: 768px){:where(.fs--5){font-size:1.875rem}}@media (min-width: 992px){:where(.fs--5){font-size:2rem}}:where(.fs--6){font-size:1.125rem;line-height:1.5;text-transform:uppercase}@media (min-width: 480px){:where(.fs--6){font-size:1.25rem}}@media (min-width: 768px){:where(.fs--6){font-size:1.375rem;line-height:1.25}}:where(.fs--text){font-size:1rem}@media (min-width: 480px){:where(.fs--text){font-size:1.125rem}}@media (min-width: 768px){:where(.fs--text){font-size:1.25rem}}.container{display:grid;grid-template-columns:minmax(2rem,1fr) minmax(0,max(1180px,61.45vi)) minmax(2rem,1fr);margin-inline:auto}:where(.container > *){grid-column:2}.grid,.grid--boxed{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:1.25rem}:where(.grid > *,.grid--boxed > *){grid-column:1/-1}@media (min-width: 576px){:where(.grid--boxed > *){grid-column:2/-2}}.section{margin-block-end:4rem}@media (min-width: 576px){.section{margin-block-end:4.5rem}}@media (min-width: 992px){.section{margin-block-end:5.5rem}}@media (min-width: 1200px){.section{margin-block-end:6.5rem}}:root{--nav-height: 3rem}@media (min-width: 768px){:root{--nav-height: 11.75rem}}@media (min-width: 1200px){:root{--nav-height: 14rem}}:where(.header).astro-VZCAR27R{--button-color: #000;display:flex;align-items:center;justify-content:space-between;position:sticky;inset-block-start:0;z-index:20;margin-block-end:3rem;padding-block:1.5rem;padding-inline:2rem}@media (min-width: 480px){:where(.header).astro-VZCAR27R{padding:2rem}}@media (min-width: 768px){:where(.header).astro-VZCAR27R{padding-block:2rem;padding-inline:3rem;margin-block-end:4rem}}@media (min-width: 1200px){:where(.header).astro-VZCAR27R{margin-block-end:5rem;padding-block:2.625rem}}.active.astro-VZCAR27R{--button-color: #fff}.active.astro-VZCAR27R .backdrop.astro-VZCAR27R{display:block}.active.astro-VZCAR27R .nav.astro-VZCAR27R{transform:translate(0)}.active.astro-VZCAR27R .button.astro-VZCAR27R:before{content:"close"}.nav.astro-VZCAR27R,.backdrop.astro-VZCAR27R{position:fixed;inset:0;z-index:-1}.nav.astro-VZCAR27R{will-change:transform;text-decoration:underline;display:flex;flex-direction:column;background:#262626;color:#fff;padding-block:8.875rem 3rem;padding-inline:2rem;font-size:1.625rem;line-height:1.25;transition:transform .25s ease-in-out;transform:translate(calc(100% + 1px))}@media (min-width: 480px){.nav.astro-VZCAR27R{font-size:2rem}}@media (min-width: 768px){.nav.astro-VZCAR27R{inset-inline-start:auto;padding-block:5rem 3.5rem;padding-inline:7rem;font-size:clamp(1.625rem,-3rem + 12vb,3.25rem);line-height:1.15}}@media (min-width: 768px) and (min-height: 700px){.nav.astro-VZCAR27R{padding-block-start:8rem;font-size:clamp(1.5rem,-3rem + 11vb,2.75rem)}}@media (min-width: 768px) and (min-height: 820px){.nav.astro-VZCAR27R{padding-block-start:11rem}}@media (min-width: 1200px){.nav.astro-VZCAR27R{padding-inline:9.5rem}}.items.astro-VZCAR27R{display:grid;gap:1.375rem;margin-block-end:3rem;text-decoration-thickness:.25rem;text-underline-offset:.25rem;text-transform:uppercase}@media (min-width: 768px){.items.astro-VZCAR27R{gap:1.75rem;margin-block:auto}}@media (min-width: 768px) and (min-height: 700px){.items.astro-VZCAR27R{margin-block-start:0}}@media (min-width: 768px) and (min-height: 820px){.items.astro-VZCAR27R{gap:2rem}}.meta.astro-VZCAR27R{font-size:1.125rem;margin-block-start:auto;display:grid;gap:1rem}@media (min-width: 480px){.meta.astro-VZCAR27R{font-size:1.25rem}}@media (min-width: 768px){.meta.astro-VZCAR27R{display:none}}@media (min-width: 768px) and (min-height: 700px){.meta.astro-VZCAR27R{display:grid}}.logo.astro-VZCAR27R{font-size:1.125rem;transition:.25s color ease-in-out;color:#000}@media (max-width: 767px){.logo.astro-VZCAR27R{color:var(--button-color)}}.button.astro-VZCAR27R{--size: 2.875rem;text-align:center;display:grid;align-items:center;font-size:.875rem;margin-inline-end:calc(var(--size) * .3);text-transform:uppercase;color:var(--button-color)}.button.astro-VZCAR27R:before{content:"menu"}@media (min-width: 480px){.button.astro-VZCAR27R{--size: 3.125rem}}@media (min-width: 768px){.button.astro-VZCAR27R{--size: 3.5rem;font-size:1rem}}@media (min-width: 992px){.button.astro-VZCAR27R{--size: 3.75rem}}.button.astro-VZCAR27R:before,.button.astro-VZCAR27R:after{grid-area:1/1}.button.astro-VZCAR27R:after{content:"";box-sizing:border-box;inline-size:var(--size);block-size:var(--size);border:max(2px,.1042vi) solid var(--button-color);transform:rotate(45deg)}.cookieConsent.astro-QFMKAQEK{text-align:center;inline-size:100%;max-inline-size:450px;padding:2rem;position:fixed;inset:auto 0 0 auto;z-index:10;background-color:#000;color:#fff;line-height:1.5}a.astro-QFMKAQEK,.cookieAccept.astro-QFMKAQEK{text-decoration:underline}.cookieAccept.astro-QFMKAQEK,.cookieDecline.astro-QFMKAQEK{line-height:1;font-weight:700;font-size:1.125rem;text-transform:uppercase}.cookieAccept.astro-QFMKAQEK{display:block;background:#fff;color:#000;block-size:48px;padding-inline:1.5rem;margin-inline:auto;margin-block:1.5rem 1rem}
.wysiwyg.astro-3M7AXR23{line-height:1.5}.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1rem}@media (min-width: 480px){.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1.125rem}}@media (min-width: 768px){.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1.25rem}}.wysiwyg.astro-3M7AXR23 ul{list-style-image:url(/list.svg);margin-inline-start:1.25rem;text-indent:.875rem}.wysiwyg.astro-3M7AXR23 li{text-indent:0;padding-inline-start:.875rem}.wysiwyg.astro-3M7AXR23 a{text-decoration:underline;margin-block-start:2rem;font-weight:700;font-size:1.25rem;line-height:1.125;display:inline-block}@media (min-width: 576px){.wysiwyg.astro-3M7AXR23 a{font-size:1.375rem}}.wysiwyg.astro-3M7AXR23 .fs--5,.wysiwyg.astro-3M7AXR23 .fs--6{margin-block-end:1.25rem}.wysiwyg.astro-3M7AXR23 h3.astro-3M7AXR23,.wysiwyg.astro-3M7AXR23 h4.astro-3M7AXR23,.wysiwyg.astro-3M7AXR23 h5.astro-3M7AXR23{@extends .fs--5;margin-block-end:2rem}
.noSpacing.astro-UOGRPSP5{margin-block-end:0}.footer.astro-UOGRPSP5{display:flex;padding-block:1.5rem 2.25rem;gap:3rem;font-size:.875rem;line-height:1;justify-content:center}@media (min-width: 768px){.footer.astro-UOGRPSP5{font-size:1rem;padding-block:1.5rem}}.back.astro-UOGRPSP5{display:none}@media (min-width: 768px){.back.astro-UOGRPSP5{margin-inline-end:auto;display:flex}}.arrow.astro-UOGRPSP5{margin-inline-end:1rem;transform:rotate(180deg)}.projectDetail.astro-VGCJNGSJ{display:grid;row-gap:4rem}@media (min-width: 768px){.projectDetail.astro-VGCJNGSJ{overflow:auto hidden;overscroll-behavior:auto none;display:flex;block-size:calc(100 * var(--vb) - 144px - 64px);padding-inline:7.5vi;gap:8rem;-ms-overflow-style:none;scrollbar-width:none}.projectDetail.astro-VGCJNGSJ::-webkit-scrollbar{display:none}}@media (min-width: 1921px){.projectDetail.astro-VGCJNGSJ{block-size:calc(100 * var(--vb) - 7.5vi - 3.33vi)}}@media (min-width: 768px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:4rem}}@media (min-width: 768px) and (min-height: 700px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:5rem}}@media (min-width: 768px) and (min-height: 800px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:8rem}}.info.astro-VGCJNGSJ{text-align:center;margin-block-start:4.25rem}@media (min-width: 768px){.info.astro-VGCJNGSJ{margin-block:0;min-inline-size:30rem}}.job.astro-VGCJNGSJ{margin-block-end:3.375rem}@media (min-width: 768px){.job.astro-VGCJNGSJ{margin-block-end:clamp(2rem,-5.5rem + 24 * var(--vb),5rem)}}.title.astro-VGCJNGSJ{margin-block-end:1.75rem}@media (min-width: 768px){.title.astro-VGCJNGSJ{margin-block-end:.875rem}}@media (min-width: 768px){.textSlide.astro-VGCJNGSJ{min-inline-size:40rem}}@media (min-width: 768px) and (min-height: 800px){.textSlide.astro-VGCJNGSJ{min-inline-size:35rem}}@media (min-width: 768px) and (min-height: 1000px){.textSlide.astro-VGCJNGSJ{min-inline-size:23.75rem}}.image.astro-VGCJNGSJ{height:100%;object-fit:cover;inline-size:auto;grid-column:2}@media (min-width: 768px){.image.astro-VGCJNGSJ{max-inline-size:unset}}.index.astro-VGCJNGSJ{display:none}@media (min-width: 768px){.index.astro-VGCJNGSJ{align-self:end;display:grid;text-align:center;margin-inline-end:-6.75rem}.index.astro-VGCJNGSJ>.astro-VGCJNGSJ:first-child{font-weight:700}}.next.astro-VGCJNGSJ{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;text-transform:uppercase;font-size:1.125rem;gap:1rem;margin-block:3.5rem 3rem}@media (min-width: 768px){.next.astro-VGCJNGSJ{margin-block:0}}
Corporate Design + Print + Webdesign
Smart City Essen Die Smart City-Initiative CONNECTED.ESSEN. Unsere Stadt. Unsere Zukunft. 01 09
Aufgabenstellung Mit der Smart City-Initiative CONNECTED.ESSEN macht sich die Stadt Essen auf den Weg die Zukunft der Ruhrmetropole Essen weiter aktiv zu gestalten. Gemeinsam mit den Bürgern werden smarte Lösungen und Services entwickelt, um die Lebensqualität zu steigern, die wirtschaftliche Attraktivität zu erhöhen und die Nachhaltigkeit zu verbessern. Studio HAHEI wurde mit der Entwicklung des Key Visuals und mit dem Corporate Design beauftragt.
02 09
Lösung Mit dem Key Visual und dem Corporate Design wird ein positives Bild der Stadt Essen vermittelt. Entwickelt wurde ein Erscheinungsbild, welches es ermöglicht, komplexe Themen einfach und verständlich abzubilden. Durch eine frische und freundliche Farbgestaltung fällt diese ins Auge und wirkt dabei freundlich, nahbar und sympathisch.
03 09
Key Visual Das Herzstück der Smart City-Initiative CONNECTED.ESSEN ist das Key Visual. Das Key Visual zeigt die Verbindung zwischen der Ruhrmetropole Essen und den Menschen. Die Illustrationen lassen sich vielfältig einsetzen und greifen die 7 Handlungsfelder der Smart City-Initiative CONNECTED.ESSEN spielerisch auf.
04 09
05 09
06 09
07 09
08 09
09 09
nächstes Projekt
Diese Website verwendet Cookies – nähere Informationen dazu und zu deinen
Rechten als Benutzer findest du in meiner
Datenschutzerklärung .
Ich stimme zu Ich stimme nicht zu