Visuell identitet

Hur vi ser ut

Submeny

OM VÅR VISUELLA IDENTITET

Vårt designsystem består av flera olika verktyg som tillsammans utgör den visuella identiteten — logotyp, typografi, färger, bilder, piktogram och våra grafiska droppar.

Verktygen kan användas fristående i enlighet med våra riktlinjer. Med den visuella identiteten vill vi skapa tydlighet och en stark igenkänning av vår mötesplats. Vi hoppas att vi med detta verktyg kan inspirera alla som ska arbeta med C4 till att vilja bidra till utvecklingen på bästa sätt.

LOGOTYP

Det här är vår logotyp. Den består ett ordmärke som har ritats unikt för C4. Karaktäristisk med modern elegans. C:et i vår logotyp har ett symbolvärde och för associationen till vattendroppar och vattnets rörelse — flow. Logotypen är utformad för att vara funktionell och läsbar i både stora som små storlekar.

Vårt designsystem består av flera olika verktyg som tillsammans utgör den visuella identiteten — logotyp, typografi, färger, bilder, piktogram och våra grafiska droppar.

Frizon

För att logotypen ska framträda tydligt i alla sammanhang är det viktigt att respektera frizonen. Frizonen är det minsta avståndet runt logotypen som ska vara fritt från text. Bredden av 4:ans stapel definierar en kvadrat som användas som ett mått för att hålla logotypen fri från andra element.

Användning

I första hand är vår logotyp alltid vit. När den vita logotypen används tillsammans med någon av våra profilfärger får vi en tydlig läsbarhet och skapar samtidig en stark igenkänning.

Vissa bakgrunder och de ljusaste färgerna i paletten tillåter inte vit text då kontrast och läsbarhet inte blir optimal. Då kan istället svart logotyp användas. Den svarta logotypen kan också användas i de fall färgtryck inte är möjligt.

Den vita logotypen kan användas mot färgen Blå 1.

Den vita logotypen kan användas mot färgen Grön 1.

Den vita logotypen kan användas mot färgen Grön 3.

Mot de ljusare färgerna i vår färgpalett kan den svarta logotypen användas.

Vid användning av logotypen på bilder var noga med att välja bilder med ytor där det är lätt att placera logotypen.

Tänk också på kontrasten när logotypen används mot en bild. Det är viktigt att logotyp och text framträder tydligt tillsammans med bilden.

Placering

Logotyp placeras centrerad på ytan. Antingen i både höjd- och sidled alternativt bara centrerad i sidled. Vi centrerar t.ex. logotypen för end screens i digital kommunikation samt för format som är högsmala, exempelvis banners på webb.

Do's & Don'ts

C4s logotyp är unik. Det betyder att man inte får skapa egna versioner eller manipulera den formmässigt på något sätt.

Don't

Pressa aldrig eller dra ihop logotypen.

Don't

Återskapa aldrig logotypen med andra typsnitt.

Don't

Förändra aldrig eller återskapa logotypen.

Don't

Ändra aldrig färg på logotypen.

Don't

Lägg aldrig text intill logotypen.

Don't

Addera aldrig effekter till logotypen t.ex. skugga.

Ladda ner

TYPOGRAFI

C4 har ett identitetstypsnitt — Maison Neue. Maison Neue är en sans serif som är lättläst. Det har ett modernt uttryck med fina detaljer som kontrasterar uttrycket i logotyp och grafik och som tillsammans skapar en välkomponerad helhet.

Typsnittet finns i olika skärningar och vikter. C4 använder Maison Neue Extended till rubrik och Maison Neue till brödtext.

Rubriktypsnitt

I rubriker använder vi typsnittet Maison Neue extended. De raka linjerna kompletterar de mjuka droppformerna och har ett klassiskt uttryck med viss elegans.

Grundläggande riktlinjer

Vi pratar tydligt och håller rubriken kort, centrerad och utspärrad. När vi behöver säga något mer använder vi en kort ingress/text. Logotypen placeras i första hand centrerad i nederkant. Droppen kan med fördel rama in eller läggas under rubriken och gärna ta för sig i storlek.

Maison Neue Extended — Book
Maison Neue Extended — Medium

Maison Neue — Demi
Maison Neue — Book

Maison Neue Extended — Medium
Maison Neue — Book

Radavstånd & spärrning

Radavståndet för rubriker bör vara 1.4x textstorleken. Då blir radavståndet rätt oavsett storlek.

Spärrningen (alltså mellanrummet mellan bokstäver) bör vara +100 eller 0.1 EM.

Do's & Dont's

Do's

Använd alltid rubriktypsnittet med rätt radavstånd och bokstavsmellanrum.

Do's

Använd alltid rubriktypsnittet versalt och brödtexttypsnittet versalgement.

Dont's

Använd aldrig rubriktypsnittet med för litet radavstånd eller bokstavsmellanrum.

Dont's

Använd aldrig rubriktypsnittet versalgement. och brödtexttypsnittet versalt.

FÄRGER

Basfärger

Våra färger är hämtade från grundkonceptet för byggnaden av C4 — vattnet och grönskan. Blågröna färgtoner, inspirerade av naturen, med svart och vitt som grund. Basfärgerna används i både permanent och mer tillfällig kommunikation.

Bas-Grön

Bas — Blå

Komplementfärger

Som komplement använder vi en varm färgskala som bidrar med energi och värme. Dessa färger använder vi tillsammans med basfärger när vi skapar kampanjer, annonser och innehåll till våra sociala plattformar samt till vår hemsida.

Gråskala

Svart och vit används framförallt som textfärger. Våra grå nyanser används sparsmakat tillexempel som bakgrundsfärger och linjefärger på vår hemsida. Alla grå färger har en lätt varm ton.

Komplementfärger digitalt

För att skapa en dynamisk och användarvänlig upplevelse online har vi definierat ett urval av kompletteringsfärger som endast används på webbplatsen. Dessa färger kompletterar vår huvudpalett och hjälper till att lyfta fram specifika element, skapa kontrast och guida användaren genom digitalt innehåll.

Kompletteringsfärgerna används sparsamt och strategiskt för att säkerställa att webbplatsens design förblir tydlig och i linje med vår visuella identitet. De stärker upplevelsen utan att konkurrera med huvudfärgerna, vilket upprätthåller ett konsekvent och harmoniskt uttryck.

Bakgrund (Primär) och Text (Sekundär)
HEX: #ffffff

Bakgrund (Sekundär)
HEX: #D5E2D3

Text (Primär), Rubrik och svart
HEX: #222222

Rubrik 2, Knapp och Text länk
HEX: #2059C4

Header
HEX: #0E6A59

BG (Alt 3)
HEX: #DDF1EB

Footer
HEX: #275DBD

Knapp (Hover), Text länk (Hover) och Text (Hover)
HEX: #79ADE7

Tagg
HEX: #FF9D68

Border
HEX: #0000001A

Image Overlay
HEX: #00000066

Färgkombinationer

Färgerna från paletten används med fördel i kombination tillsammans för att skapa dynamik. Mörk och ljus, kulört och matt. En bra regel är att någon av basfärgerna alltid ska finnas representerade i de kombinationer som görs.

Do's & Dont's

Do's

Använd blå/grön som bas och beige/orange som komplement.

Do's

Använd endast de färgkoder som finns angivna här ovanför.

Dont's

Använd inte orange/beige som bas och blå/grön som accent.

Dont's

Använd aldrig egna färgkoder eller ungefärliga färgvärden.

Ladda ner

GRAFISKT ELEMENT

Droppen

En av våra viktigaste identitetsbärare är droppen. De mjuka och omfamnande droppformerna hämtar inspirationen från regionens vattenrika område och vattnets böljande former i byggnaden. Ur en droppes grafiska form skapas nya former och ger en organisk och levande känsla.

Ett antal förbestämda former har tagits fram för att förenkla arbetet och förtydliga identiteten. Genom skala och rotation möjliggörs stor variation men med ett konsekvent uttryck. Dropparna bidrar med energi, lekfullhet och dynamik.

Dropparna används på olika kontaktytor där vi kommunicerar C4, interiört, skyltar, marknadsföring och kommunikation. Både grafiskt och fysiskt. De har alltid en framträdande roll i våra kanaler och är ett smart verktyg för att skapa stark igenkänning.

Det grafiska elementet är inspirerat av droppformen i logotypen.

Dynamisk variation

De grafiska dropparna tillsammans blir våra identitetsskapande element. De skapar ett organiskt och levande intryck för våra olika kontaktytor. Används både fristående och utfallande beroende på sammanhang. En bra regel är dock att undvika att bli småmönstrat med för många antal droppar åt gången. De får gärna ta för sig i skala och ha fria placeringar.

Droppen som bakgrundsplatta

En grafisk droppe eller flera grafiska droppar kan kombinas till en bakgrundsplatta för text. Som exemplen visar, använder vi storskaliga och böljande utsnitt och inte småmönstrat.

Droppen tillsammans med bilder

Vår droppe kan ta en mängd olika skepnader och uttryck. Droppformen kan vara expressiv och ta för sig över en stor yta eller i mindre storlek för att lyfta ett visst budskap eller låta bilden ta plats. Färgen på dropparna väljs utifrån fotografiets färger. Till fotografi som går i en blå ton, används en grön eller varm palett till dropparna, och vice versa.

Do's & Dont's

Do's

Låt dropparna ta plats och vara utfallande.

Do's

Låt gärna droppar av olika färg överlappa varandra.

Dont's

Undvik att skapa mönster av många små droppar.

Dont's

Undvik att låta droppar av samma färg överlappa varandra.

Ladda ner

FOTOGRAFI

Bildmanér

Våra imagebilder fångar ögonblicken från olika vardagssituationer för att ge en levande känsla. Alla våra bilder bör berätta en historia, väcka känslor och nyfikenhet samt ha en naturlig koppling till C4 som mötesplats. Blandning av närbilder av objekt och porträtt skapar dynamik.

Platserna och människorna som avporträtteras får gärna ha lokal förankring. Det ger en regional storytelling. Människorna vi fotograferar är från många olika åldersgrupper och etnicitet. De utstrålar värme och har ett naturligt och okonstlat uttryck.
Tydligt färgschema från identiteten som gärna hålls monokromt. Bilderna är inte hårt retuscherade utan försöker fånga naturligt ljus i den mån det går.

PIKTOGRAM

Våra ikoner är framtagna för att vara tydliga och lätta att känna igen samtidigt som de speglar och kompletterar logotypen och typsnittet i mötet mellan runda och skarpa former.

Våra egna ikoner

I största möjliga mån, försöker vi att rita egna ikoner som är unika för C4. De används tillexempel på skyltar i fysisk miljö samt i annonser mm.

Ikoner från Noun Project

I största möjliga mån, försöker vi att rita egna ikoner som är unika för C4. De används tillexempel på skyltar i fysisk miljö samt i annonser mm.

Ladda ner

MILJÖ

Skyltar

I största möjliga mån, försöker vi att rita egna ikoner som är unika för C4. De används tillexempel på skyltar i fysisk miljö samt i annonser mm.

Skulpturer

Väggdekor

Exteriör

Vår lekyta är också inspirerad från våra droppformer och har utvecklats tillsammans med arkitektbyrårn Ramböll.