tkt_vaaka_txt_white

Visuaalinen ilme


Turun Kaupunginteatterin ilme on minimalistinen ja ajaton, kuten teatteritalon arkkitehtuuri. Ilmeen ytimenä toimii 60-luvun arkkitehtuuria edustava teatteritalo sekä saman aikakauden modernistinen graafinen suunnittelu.  Ilme nojaa mustavalkoisuuteen, jonka vastapainona on voimakkaat värit ja geometrinen grafiikka. 


Teatterin modernistinen ilme on ajaton, mutta nyökkää myös talon menneisyyteen. Vankka pohja tarjoaa alustan kokeilulle, kuten teatterissa on tapana. Kuvioiden, värien ja suurikokoisen tekstin käytössä on tilaa leikittelylle ja revittelylle.



Kommunikoi, älä koristele

Ominaista teatterille on suora ja minimalistinen viestintä. Graafisilla elementeillä tulee viestinnässämme aina olla jokin tarkoitus. Vältämme tarpeetonta koristelua, sillä tärkeintä on viestin selkeys.



Graafinen ohjeisto

Logo

Värit

Typografia

Graafiset elementit

Liikekieli

Valokuvien tyyli

Esimerkit

Logo


Turun Kaupunginteatterin tunnus koostuu tyylitellystä naamiosta, teatteri-sanasta sekä tarkentavasta määreestä “Turun Kaupunginteatteri”.


Naamio leikittelee negatiivisella tilalla ja tekee toimialan katsojalle selväksi tuoreella tavalla. Pelkän teatteri-sanan käyttö tunnuksessa ottaa koko toimialan haltuun kuten kaupunginteatterille sopii. 


Logon tarkentava alaosa voidaan jättää pois, mikäli yhteys Turun Kaupunginteatteriin muuten selviää, tai kun yksinkertaisempi versio on kyseiseen käyttötapaan muuten parempi vaihtoehto, esimerkiksi tekstiileissä tai erittäin pienikokoisissa verkkobannereissa.

screenshot-2021-03-22-at-163516

Tunnuksen ympärille tulee jättää aina vähintään t-kirjaimen leveyden verran tyhjää tilaa suoja-alueeksi. Naamio-merkin negatiivinen tila tulee myös huomioida suoja-alueessa: suoja-alue ei ala merkin “mustasta silmästä”, vaan kuvitteellisen maskin reunasta.

screenshot-2021-03-22-at-163508
screenshot-2021-03-22-at-163527
Lataa logot

Värit


Teatterin päävärit ovat musta ja valkoinen. 


Mainosaineistoissa pohja on aina musta ja teksti valkoista.  Musta tuo aineistoihin draaman tuntua ja antaa kuville tilaa loistaa.

 

Lisäpotkua tuovat teatteriesitysten upeat valokuvat, mainosilmeet sekä teatterin brändikuviot.


Voimakkaasti tekstiin nojautuvissa aineistoissa, kuten kausiesitteissä, lehdistötiedotteissa ja sisäisissä ohjeistuksissa värit käännetään päinvastoin. Silloin teksti on mustaa valkoisella pohjalla.

Tehostevärit


Väriä elämään tuovat teatterin vihreä, turkoosi, oranssi ja pinkki. 


Tehostevärejä käytetään kuvioissa ja tarpeen tullen otsikoissa, mutta ei leipätekstissä. Väreillä on myös viestinnällinen ulottuvuus: niitä käytetään ilmaisemaan kautta (oranssi: syksy, vihreä: kevät) ja näyttämöitä (vihreä: päänäyttämö, oranssi: pieni näyttämö, pinkki: sopukka).

Blackish

  • HEX #0f0f0f

  • RGB 15, 15, 15

  • CMYK 0, 0, 0, 94

Green

  • HEX #00855f

  • RGB 0, 133, 95

  • CMYK 85, 20, 70, 8

Orange

  • HEX #f26522

  • RGB 229, 82, 0

  • CMYK 0, 75, 100, 10

White

  • HEX #FFFFFF

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0

Turqoise

  • HEX #00A791

  • RGB 0, 167, 145

  • CMYK 100, 0, 13, 35

Pink

  • HEX #E30A5A

  • RGB 227, 10, 90

  • CMYK 0, 96, 60, 11

Typografia

Teatteri poimii vaikutteita 50 ja 60-luvun graafisesta suunnittelusta, jonka ytimessä oli modernius, viestinnällinen selkeys ja hierarkia. Identiteetti hyödyntää kahta eri fonttia, joita käytetään eri tarkoituksiin. 


Värien käyttö typografian osalta on maltillista. Leipäteksti on aina mustavalkoinen ja monokromaattisuuttaa suositaan myös otsikoissa. Pääotsikoissa voi toisinaan käyttää tukivärejä voimakkaamman vaikutuksen saavuttamiseksi.


Pääfontti

Teatterin pääfontti on Helvetica Neue eri leikkauksineen.  Otsikot ja suuret typografiset elementit kirjoitetaan leikkauksella Bold (välistys -25 tai -50). Helveticaa käytetään pääasiassa teatterin omissa materiaaleissa. Sitä ei tarvitse käyttää produktioiden ilmeiden typografiana.


Helvetica Neue Std

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyzåäö

0123456789&%€

Tukifontti

Nostoja ja pieniä huomioita lisätessä tukena toimii Classica Pro Light Italic -leikkauksella. Classica Prota käytetään aina välistyksellä 25-75 ja vain kokonaan versaaleina. Poikkeuksena verkko-osoitteet ja suunnittelijoiden nimilistaukset, joissa pienten kirjainten käyttö sallittu.


Classica Pro Light Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ

0123456789&%€

42 pt

56 px

Helvetica Neue LT Std Bold

30 pt

40 px

Helvetica Neue LT Std Bold

24 pt

23 px

Helvetica Neue LT Std Bold

17 pt

22 px

Helvetica Neue LT Std Bold

11 pt

14 px

Helvetica Neue LT Std Bold

13 pt

17 px

Helvetica Neue LT Std Light

48 pt

22 px

Classica pro light italic

Graafiset elementit

Teatteritalon arkkitehtuurissa toistuvat ruudut ja ristikot. Nämä näkyvät niin lämpiön ritiläkatossa kuin ulkoseinän tiilissä. Ristikkoihin pohjautuvat myös teatterin brändikuviot, joita on kahta erilaista useassa eri väriyhdistelmässä. 

Kuviot hyödyntävät teatterin värimaailmaa yhdessä yhden tukivärin kanssa. Tukivärejä ei käytetä muualla kuin kuvioissa.


Kuvion värilliset osuudet kuvastavat ruudukon läpi kajastaavaa valoa ja elämää, tukiväri varjojen tai näkökulman aiheuttamaa vääristymää. 

tkt_kuvio_sininen-pohja_rgb_saavutettava
tkt_kuvio_pinkki_rgb_saavutettava
tkt_kuvio_oranssi_rgb_saavutettava
tkt_kuvio_turkoosi_rgb_saavutettava

Teatterin arkkitehtuurista ammentava ruudukko muodostaa negatiivisen tilan, joka rajaa kuviota. 


Kuviota voi käyttää kehystämään kuvaa. Kun kuva sijoitetaan kuvion päälle, tulee kuvan ja kuvion väliin jättää negatiivisen tilan muodostama väli.

Lataa brändikuviot
kuvio_kuva

Kuviota voi rajata niin, että vain osa siitä on näkyvillä. Kuvio tulee rajatessa aina sijoittaa kiinni näkyvän kuva-alueen reunaan.

Kuvakkeet

Turun Kaupunginteatterille on laadittu omat, brändi-ilmeen mukaiset kuvakkeet.


Kuvakkeita voi käyttää niin esitelmissä ja esitteissä kuin verkkosivuilla ja käyttöliittymissä. Kuvakkeet on laadittu kokoon 40x40 px, joten vaikka niitä voi pienentää ja suurentaa, ne on tarkoitettu käyttöön pienikokoisena. Älä käytä kuvakkeita kuvituksena.


Muista:

→ Kuvakkeiden väri on musta tai valkoinen, muut värit eivät ole sallittuja.

→ Säilytä mittasuhteet kun suurennat tai pienennät kuvakkeita – älä venytä. 

→ Älä käytä kuvituksena.



Lataa kuvakkeet
kuvakkeet

Esimerkkejä

Esimerkkejä siitä, miten brändi jalkautuu eri materiaaleihin.

kollaasi_brandpad
puuvillakassi_musta02_teatteritalo
t-shirt-mock-up-copy
powerpoint

Sosiaalinen media


Sosiaalisessa mediassa on enemmän tilaa revittelylle. Teatterin tunnistettava mustavalkoinen ilme säilyy pääosassa, mutta Instragram Storyn sarjoissa värimaailma voi vaihdella jotta sarjat erottaa toisistaan.


Teatterin somesisällöille suunniteltu viivasto (grid) toimii pohjana, jolle kuvat ja teksti asetellaan.

iphone-xr-isometric

Esitteet

Kausiesitteessä on vakioitu ilme ja ruudukkotaitto, jota esite noudattaa.

kausiesite_mockup

Kuvitukset

Teatterin brändikuviota hyödynnetään myös kuvituksessa. Kuvio joko asetetaan värillisen graafisen elementin sisään (noudattaen aikaisemmin määritettyjä väriyhdistelmiä kuvion ja taustaväri osalta) tai sitä käytetään muodostamaan itse kuvaelementti, jolloin ritilän ruutukuvio erottuu.

tkt_brandikuvio_black
tkt_brandikuvio_colors-03

Julisteet

Mainosjulisteet suunnitellaan viivastoa noudattaen. Viivastossa on määrätyt paikat mainoslauseelle, tekijälistaukselle, näyttelijälistaukselle sekä myyntitiedoille ja logolle. Nämä elementit sijoitetaan aina viivastoa noudattaen yhtenäisyyden ja tunnistettavuuden takaamiseksi.


Esityksen logo suunnitellaan aina esityksen hengen mukaiseksi, eikä sen tarvitse noudattaa teatterin brändi-ilmettä. Logon tulisi kuitenkin istua kokonaisuuteen. Logon sijoittelu julisteessa on viivaston sisällä vapaa.

julistegridi02-01
julistesarja_mockup02

Animaatiot


Animaatioiden liikekieli mukailee taloa – suoria linjoja ja teräviä kulmia. Elementit kulkevat ruudukkoa pitkin pystyyn ja vakaan, tehden dramaattisia 90° asteen käännöksiä.


Videoiden tekstit

Mainosvideoissa teksti esitetään aina samalla tavalla, samalla tyylillä ja samassa koossa. 


Videon alkuun tulee mainoslause, väliin esityksen nimi ja tekijätiedot ja loppuun teatterin logo sekä ensi-ilta.


Mainoslauseet, nimet

Fontti: Helvetica Neue LT Std, 75 Bold. 

All caps, eli kaikki kirjaimet suurena.

Fonttikoko: 65 px

Riviväli 80 px

Kirjainväli: 200


Tittelit

Fontti: Classica Pro Light Italic. 

All caps, eli kaikki kirjaimet suurena.

Fonttikoko: 35 px

Riviväli 80 px

Kirjainväli: 200


Pakolliset kreditointitiedot

Fontti: Classica Pro Light Italic. 

All caps, eli kaikki kirjaimet suurena.

Fonttikoko: 17 px

Riviväli 30 px

Kirjainväli: 200

tkt-video_text-examples

Valokuvat

Teatterin viestinnässä ja markkinoinnissa käytetään vain teatteriesityksiin tai itse teatteritaloon ja sen toimintaan liittyviä kuvia, ei kuvituskuvia kuvapankeista.


Virallisissa kanavissa käytettävien kuvien tulee edustaa korkeaa taiteellista tasoa, kuten teatterityö itsessäänkin. Kuvat ovat minimalistisia, tummanpuhuvia ja draamattisia.

Esityskuvat

Valokuvaaja kuvaa läpi kaikki talon omat esitykset. Lisäksi myös vierailevista esityksistä toimitetaan kuvia viestinnän käyttöön. Viestintäkäyttöön sallitut esityskuvat löytyvät teatterin kuvapankista. Viestinnässä suositaan myynnissä olevan ohjelmiston kuvia, mutta myös menneiden esitysten kuvia voi käyttää yleistä viestiä kuvittamaan ja teatteritunnelmaa välittämään.