Visuaalinen ilme
Tervetuloa tutustumaan HSY:n ilmeeseen.
Täältä löydät yleiset suuntaviivat, värimääritykset, logon käyttöohjeineen sekä ohjeistukset työmaakylteille.
Materiaalit suunnitellaan räätälöidysti viestinnän vetämänä, joten muita ohjeita tai suunnittelupohjia ei ole julkisessa levityksessä.
Logo
Logoa saa käyttää vain HSY:n erikseen myöntämällä luvalla.
HSY:n yritystunnus, puhekielessä logo, koostuu kahdesta osasta: logotyypistä (kirjainyhdistelmä ”HSY”) ja tunnuksesta (kuvio)
Logoa tulee käsitellä aina kokonaisuutena, eikä osien paikkoja, värejä tai mittasuhteita tule muuttaa. Tältä sivulta ladattavan version lisäksi logosta on variaatiot muun muassa verkkopalveluihin ja ulkolippuihin: näitä versioita ei selkeyden vuoksi esitellä tässä ohjeistuksessa.
Käytössä on kolme väriversiota:
- kolmivärinen
- musta
- valkoinen
Suoja-alue
Suoja-alue tarkoittaa yksinkertaisesti, paljonko logon ympärillä on vähintään oltava tyhjää tilaa.
Jätä tyhjää tilaa logon ympärille aina niin paljon kuin mahdollista ja vähintään puolet logotyypin (kirjainyhdistelmä ”HSY”) korkeudesta.
Ladattavat logot
Graafinen ohjeistus
Ensisijaisesti nämä ohjeet on koottu HSY:n henkilökuntaa varten. Vaikka ilmeen periaatteet ovat samat kaikessa tekemisessä, vaativammat toteutukset suunnitellaan aina yhteistyössä viestinnän kanssa.
Värit
Selkeys on yksi HSY:n ilmeen kulmakivistä. Pyri siis käyttämään yhtä hallitsevaa väriä. Jos tarvitset graafeihin, karttoihin tai korostuksiin tukivärejä, pidä ne selvästi pienemmässä roolissa pääväriin nähden.
HSY:n pääväri on turkoosi. Tarkemmin sanottuna kolme sinivihreän sävyä on määritelty: vaalea, keskitumma ja tumma. Näistä voi myös tarvittaessa käyttää niin sanottuja ”tinttejä”, eli värejä voi vaalentaa prosentuaalisesti.
Lisäksi musta ja valkoinen, sekä näiden ”tintit” eli puhtaat harmaan sävyt ovat HSY:llä päävärikäytössä.
Fontit
Kirjasintyypit eli puhekielessä fontit on pyritty tuomaan valmiiksi työpohjiin. Niin verkkopohjaisia palveluita, intraa kuin Office-ohjelmiakin käytettäessä kappaletyylit fontteineen on siis valmiiksi asennettu – riittää, että työkaluja käyttää ohjeiden mukaisesti. HUOM. Käytäthän aina valmiita tyylejä (otsikko, alaotsikko, leipäteksti, kuvateksti jne.), tämä tukee aineistojen saavutettavuutta.
Miksi eri fontteja?
HSY:lle alunalkaen määritelty Interstate-fonttiperhe vaatii käyttäjäkohtaisen lisenssin, joten tätä fonttia ei asenneta jokaiselle työasemalle. HSY.fi-sivustolla on käytössä Interstate, jonka lisenssi kattaa. Lisäksi Interstatea hyödynnetään kulkuopasteissa, esitteissä ja muissa materiaaleissa, joista voit olla yhteydessä viestintäyksikköön.
Ensisijaiset fontit
- Interstate (ja Interstate Plus): graafiseen ammattikäyttöön sekä HSY.fi
- Adobe Source Sans Pro: verkkopalvelut, pois lukien HSY.fi
- Arial ja Calibri: Office-ohjelmat
Näillä fonteilla hoituu 99 % HSY:n tarpeista. Lisäksi viestinnän vetämissä kampanjoissa yms. käytetään typografiaa ja fontteja tarpeen vaatiessa vapaammin.
Suuntaviivoja suunnitteluun
Kaikissa HSY:n materiaaleissa, olivatpa ne sähköisiä tai fyysisiä, on samat suunnitteluperiaatteet. Skandinaavisen minimalismin perintönä tavoitteena on vahva. selkeä kuvallinen viestintä. Uudet saavutettavuusvaatimukset tukevat tätä linjaa entisestään.
Elementtien, värien ja kuvien käyttö
- käytä vain kahta väriä aina kuin mahdollista: esimerkiksi valkoista tekstiä tummalla väritaustalla
- tukivärejä esimerkiksi graafeihin, muuten harkitusti ja selkeästi alisteisesti valitulle hallitsevalle värille
- (väri)valokuvilla lisää eloa
- grafiikassa pyri pelkistettyihin muotoihin: ei liian pikkutarkkoja yksityiskohtia
jätä kehykset pois aina kun mahdollista
luovu varjostuksista, pullistuksista ja muista efekteistä
Fonttien hyödyntäminen
- mahdollisimman vähän eri tekstikokoja
- vain muutamaa leikkausta (kursiivi, bold, KAPITEELI jne.)
- lihavoinnissa jätä yksi paksuus väliin, jos fontti sallii (regular, bold, black)
- Tekstille selkeä tausta: ei leipätekstiä kuvan päälle
- käytä peittävää valkoista tai värilllistä laatikkoa, jos haluat vähän tekstiä ison kuvan päälle
Työmaaohjeistus ja kyltit
Aineistot urakoitsijoille
Tästä löydät HSY:n yleisimmin käyttämien työmaakylttien painoaineistot ja ohjeistukset pdf-tiedostoina.
Urakoitsija vastaa kustannuksellaan työmaakylttien tekstien tuottamisesta ja käännättämisestä HSY:n antaman ohjeistuksen mukaisesti, kylttien hankinnasta ja pystyttämisestä valvojan osoittamaan paikkaan sekä kylttien purkamisesta ja poisviemisestä.
Kylttejä on kahta tyyppiä:
Kyltit vesihuollon työmaille
Verkostotyömaa kylttiohjeet (pdf)
Työmaakyltti HSY-pieni c-print (pdf)
Työmaakyltti suuri kuvaosa (pdf)
Työmaakyltti suuri logo-osa (pdf)
Työmaakyltti suuri alaosa (pdf)
Yleiskyltit muille HSY:n työmaille
Työmaakyltti 60 x 60 cm
Työmaakyltti 60 x 90 cm
Työmaakyltti 160 x 115 cm
Työmaakyltti 450 x 50 cm, viisi lautaa
Tukivärit
Pinkki 
| # | D8318A |
| RGB | 216, 49, 138 |
| CMYK | 10, 90, 0, 0 |
| PMS | 219 C |
Punainen 
| # | BD3429 |
| RGB | 189, 52, 41 |
| CMYK | 20, 90, 90, 0 |
| PMS | 1795 C |
Tumman oranssi 
| # | BE4D00 |
| RGB | 190, 77, 0 |
| CMYK | 0, 70, 90, 10 |
| PMS | 718 C |
Oranssi 
| # | EA7600 |
| RGB | 234, 118, 0 |
| CMYK | 0, 55, 85, 0 |
| PMS | 716 C |
| RAL | 2000 |
Keltainen 
| # | F9D800 |
| RGB | 249, 216, 0 |
| CMYK | 5, 10, 100, 0 |
| PMS | 108 C |
Ruskea 
| # | 4E3629 |
| RGB | 78, 54, 41 |
| CMYK | 70, 80, 90, 0 |
| PMS | 476 C |
Tumman vihreä 
| # | 006431 |
| RGB | 0, 100, 49 |
| CMYK | 100, 50, 100, 0 |
| PMS | 357 C |
Keskivihreä 
| # | 009F4D |
| RGB | 0, 159, 77 |
| CMYK | 90, 0, 93, 0 |
| PMS | 7482 C |
Vaalean vihreä 
| # | 74AA50 |
| RGB | 116, 170, 80 |
| CMYK | 55, 5, 85, 0 |
| PMS | 7489 C |
Violetti 
| # | 814494 |
| RGB | 129, 68, 148 |
| CMYK | 60, 82, 0, 0 |
| PMS | 520 C |
Tumman sininen 
| # | 006AA7 |
| RGB | 0, 106, 167 |
| CMYK | 100, 50, 10, 0 |
| PMS | 3015 C |
Vaalean sininen 
| # | 9BCBEB |
| RGB | 155, 203, 235 |
| CMYK | 40, 5, 5, 0 |
| PMS | 291 C |