Graafinen ohjeisto
Miten graafisilla sovelluksilla viestitään ja opastetaan? Toimiva graafinen ilme sovelluksineen kiteyttää yrityksen imagon, yhtenäistää yrityskulttuuria ja vapauttaa tärkeitä resursseja oikeaan toimintaan. Suomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville. Eri sovelluksissa pyritään pelkistettyihin ja ilmaviin sommitelmiin, jotka henkivät arvokkuutta ja hienostuneisuutta. Selkeät, yhdenmukaiset graafiset sovellukset ja materiaalit vahvistavat brändiä ja tukevat haluttua viestiä.
Sisällys Logo 4 Logon kieliversiot 5 Logon negatiiviversio 6 Logon taustallinen versio 8 Logon suoja-alue 11 Värit 13 Lisävärit 14 Kauden tehosteväri 15 Ensisijainen typografia 16 Julkaisujen typografiavaihtoehto 17 Universaali typografiavaihtoehto 18 Tikki 19 Ilmeen mukainen lomakepohja 20 Ilmeen mukainen käyntikortti 21 Tarra 22 Ilmeen mukainen sähköpostiosoite 23 Ilmeen mukainen esityspohja 24 Ilme verkkosivuilla 25 Materiaalit 26
Logo Suomen Tekstiili ja Muoti ry:n nimenkirjoitusasu eli logo on yhdistystä varten piirretty. Logoa käytetään pääsääntöisesti vaalealla pohjalla, aina mustana (logon positiivimuoto). Logosta löytyvät originaalitiedostot sekä paino- että sähköiseen käyttöön. Kaikissa toteutuksissa on käytettävä aina originaaliversiota. 4
Logon kieliversiot Logosta on piirretty englanninkielinen versio, jota käytetään suomenkielisen rinnalla kansainvälisessä viestinnässä. 5
Logon negatiiviversio Logon negatiiviversiota käytetään tummalla taustalla. 6
7
Logon taustallinen versio Jos logoa joudutaan käyttämään kirjavan taustan/kuvan päällä, tulee siitä käyttää taustallista versiota. Ensisijaisesti pyritään kuitenkin käyttämään logon perusmuotoa positiivina tai negatiivina. 8
9
10
Logon suoja-alue Logon suoja-alue on suhteessa aina vähintään logon T-kirjaimen leveyden verran joka suuntaan. Logon suoja-alue on tunnusta ympäröivä ohjeellinen alue, johon ei tule liittää muuta grafiikkaa, tekstiä tai kuvaa. 11
12
Värit Musta ja valkoinen ovat Suomen Tekstiili ja Muoti ry:n identiteetin päävärit. Päävärien lisäksi mm. verkkosivuilla voidaan käyttää erikseen laadittua lisäväripalettia. Vuosittain tehostevärinä käytetään päävärien ja lisäväripaletin lisäksi erikseen valittavaa kauden trendiväriä, joka elävöittää ilmettä graafisissa sovelluksissa. PMS: Pantone Black U CMYK: 0, 0, 0, 100 % RGB: 35, 31, 32 WEB: #231f20 CMYK: 0, 0, 0, 0 % RGB: 255, 255, 255 WEB: #ffffff 13
Lisävärit Lisävärejä käytetään Suomen Tekstiili ja Muoti ry:n verkkosivuilla, informaatiografiikassa tai tarvittaessa vuosikertomuksissa ja muissa julkaisuissa. 60 % CMYK : 0, 0, 0, 70 % RGB: 109, 110, 112 WEB: #6d6e70 60 % PMS: 165 U CMYK : 0,73, 76, 0 % RGB: 236, 97, 63 WEB: #f26948 60 % PMS: 274 U CMYK : 72, 73, 20, 4 % RGB: 96, 86, 138 WEB: #60568a 14
Kauden tehosteväri Kauden tehostevärinä vuosina 15 16 on nude. Sitä käytetään mm. verkkosivuilla ja erilaisissa julkaisuissa. Tehosteväriä voidaan käyttää myös materiaalien värinä (vrt. Curious Metallics Nude -paperi). PMS: 4755 U CMYK: 6, 15, 20, 1 % RGB: 220, 198, 187 WEB: #dcc6bb 15
Ensisijainen typografia Sekä painetussa että sähköisessä ympäristössä käytetään Aktiv Grotesk kirjaintyyppiä ja sen eri leikkauksia Hairline, Light ja Regular. Hairline leikkausta käytetään pääsääntöisesti otsikoinnissa vähintään pistekoossa 30 pt. Aktiv Grotesk Hairline ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) Aktiv Grotesk Light ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) Aktiv Grotesk Regular ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) 16
Julkaisujen typografiavaihtoehto Jos esim. julkaisuissa on tarvetta käyttää päätteellistä typografiaa, käytetään Warnock Pro kirjaintyyppiä ja sen eri leikkauksia Light, Regular ja Semibold. Warnock Pro Light ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) Warnock Pro Regular ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) Warnock Pro Semibold ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) 17
Universaali typografiavaihtoehto Vaihtoehtoisena typografiana voidaan poikkeustapauksessa käyttää universaalia Helveticaa, esimerkiksi Powerpoint-esityksissä, joita ulkopuolisen on tarve muokata ja sähköpostin allekirjoituksissa. Helvetica Light ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) Helvetica Regular ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) Helvetica Bold ABCDEFGHIJKLMN abcdefghijklmnorst 1234567890 &(!?) 18
Tikki Graafisissa sovelluksissa käytetään logon, typografian ja ilmeen värien lisäksi identiteettiin piirrettyä tikkiviivaa. Sitä käytetään hallitusti erottamaan yhteystiedot muusta ilmeestä tai sisältöä toisistaan, kuten verkkosivuilla. Yksittäisen viivan linja on aina viistottu, kuten logon typografiassa. Tikkiä ei käytetä suoraan logon yhteydessä, mutta se on yleensä suhteessa logon levyinen esimerkiksi lomakepohjissa ja verkkosivuilla. 19
Ilmeen mukainen lomakepohja Lomakkeet on hyvä lähettää vastaanottajille sähköisesti pdf-muodossa jolloin varmistetaan typografian säilyminen haluttuna. Jos lomake kuitenkin lähetetään Word-muodossa, tulee se tallentaa doc-muotoon. Docx-muodossa lomakkeen ylä- ja alatunnisteita voidaan muokata. 20
Ilmeen mukainen käyntikortti Suomen Tekstiili ja Muoti ry:n käyntikortti on kaksipuoleinen. Käyntikortin koko on 50 mm x 90 mm. Kortti painetaan yhdellä värillä (Pantone Black). Korttia voidaan painaa myös negatiivina, eli logo valkoisella, jolloin materiaalin tulee olla läpivärjätty musta. Anna-Kaisa Auvinen Toimitusjohtaja +358 50 536 5078 anna-kaisa.auvinen@stjm.fi Anna-Kaisa Auvinen CEO Eteläranta 10, FI 00130 Helsinki, Finland www.stjm.fi 21
Tarra Suomen Tekstiili ja Muoti ry:n tarraa käytetään identifioimaan esimerkiksi kirjekuoria tai muita lähetyksiä ja paperikasseja. SUOMEN TEKSTIILI & MUOTI FINNISH TEXTILE & FASHION Eteläranta 10, FI 00130 Helsinki, Finland www.stjm.fi SUOMEN TEKSTIILI & MUOTI FINNISH TEXTILE & FASHION Eteläranta 10, FI 00130 Helsinki, Finland www.stjm.fi SUOMEN TEKSTIILI & MUOTI FINNISH TEXTILE & FASHION Eteläranta 10, FI 00130 Helsinki, Finland www.stjm.fi 22
Ilmeen mukainen sähköpostiosoite Sähköpostin allekirjoitukset on ladottu universaalilla Helveticalla (pistekoko 11), jotta varmistetaan allekirjoituksen näkyminen samanlaisena kaikilla vastaanottajilla. Tikkielementtiä korvaamaan käytetään katkoviivaa, jossa näkyy kauden huomioväri. Anna-Kaisa Auvinen Toimitusjohtaja / CEO +358 50 536 5078 anna-kaisa.auvinen@stjm.fi SUOMEN TEKSTIILI & MUOTI FINNISH TEXTILE & FASHION Eteläranta 10, FI 00130 Helsinki, Finland www.stjm.fi 23
Ilmeen mukainen esityspohja Identiteettiin sopivaksi on luotu oma esityspohjansa. Esitys on aina hyvä tallentaa Powerpoint-ohjelmasta pdf-muotoon, jolloin typografia säilyy, jos esitystä näytetään esimerkiksi tietokoneelta, joihin identiteetin mukaisia kirjaintyyppejä ei ole asennettu. esityksessä on mahdollisuus käyttää neljää kuvakokoa: Jos halutaan, että kuva täyttää sille määrätyn kuvatilan Powerpoint-ohjelmassa kokonaan, tulee kuvat käsitellä tiettyyn kokoon. koko sivun kuva: 988 x 741 px suuri kuva: 988 x 609 px suuri kuva otsikolla: 988 x 450 px pieni kuva: 486 x 450 px Pääotsikko, Aktiv Grotesk Hairline 36 pt Otsikko, Aktiv Grotesk 36 pt Alaotsikko, Aktiv Grotesk 18 pt Leipäteksti, Aktiv Grotesk 18 pt - leipäteksti Alaviite Pvm Otsikko, Aktiv Grotesk 36 pt Leipäteksti, Aktiv Grotesk Light 18 pt - leipäteksti 24
Ilme verkkosivuilla Verkkosivujen tulee layoutiltaan olla selkeä, raikas ja identiteetin mukainen. Pohja on valkoinen tai vaalea ja erilaisten pienten elementtien ja painikkeiden määrä pyritään minimoimaan. Typografia on ilmeen mukainen (Aktiv Grotesk) ja kausittaista tehosteväriä käytetään korostuksissa mustan, harmaan ja valkoisen kanssa. Tikkielementtiä käytetään harkitusti verkkosivujen sommittelussa rakentamaan kokonaisilmettä ja erottamaan sisältöä toisistaan esimerkiksi valikossa. 25
Materiaalit Graafisissa sovelluksissa (käyntikortit, kirjekuoret, lomakkeet, julkaisut jne.) tulee kiinnittää huomio materiaalivalintoihin. Paperi täydentää koko identiteetin ja sen avulla vaikutetaan brändin kokonaisviestiin. Valinnoissa voidaan ottaa huomioon kauden tehosteväri, pinnan tuntumat (vrt. esim. Curious Soft, Curious Metallics Nude). Tärkeää on myös valmistusprosessi, onko materiaalilla esimerkiksi ympäristösertifikaatti tai onko se valmistettu kierrätetystä materiaalista. 26
Visuaalisen ilmeen uudistus on toteutettu keväällä 2015. Uusi ilme on otettu käyttöön 1.5.2015 lähtien. Uuden ilmeen on suunnitellut Design Studio Muotohiomo.