Tredun graafinen ohjeisto 2025

Tämä on tiivistelmä Tredun viimeisimmästä graafisesta ohjeistosta (PDF, 19 Mt).

Värikoodeihin on lisätty HEX-värien rinnalle myös hsl-värit. Fonteista on tiedot olemassaolevista leikkauksista ja linkit Adoben ja Googlen fonttipalveluihin. Logojen värit ja suoja-alueet on tarkistettu ja korjattu, ja kaikista on tehty sekä RGB- että CMYK-versiot. Tredun logon musta on korjattu (RGB: 0-0-0 / CMYK: 0-0-0-100) ja Opiskelijatyö-leiman versiot on tehty keskenään samanvärisiksi.

Värit

Päävärit

Tredun turkoosi
CMYK: 100 - 1 - 5 - 5
RGB: 0 - 153 - 204
HEX: #0099cc
hsl(195, 100%, 40%)

Mustikka
CMYK: 100 - 85 - 5 - 36
RGB: 4 - 37 - 70
HEX: #042546
hsl(210, 89%, 15%)

Lisävärit

Vaalea petrooli
CMYK: 58 - 0 - 36 - 0
RGB: 140 - 193 - 179
HEX: #8cc1b3
hsl(164, 30%, 65%)

Fuksia
CMYK: 25 - 87 - 16 - 2
RGB: 165 - 63 - 123
HEX: #a5407b
hsl(325, 44%, 45%)

Idea
CMYK: 0 - 17 - 87 - 0
RGB: 244 - 210 - 64
HEX: #f4d240
hsl(49, 89%, 60%)

Havunvihreä
CMYK: 85 - 12 - 53 - 35
RGB: 57 - 115 - 104
HEX: #397368
hsl(169, 34%, 34%)

Vaalean petroolin ja idean kanssa käytetään tekstin värinä joko mustaa tai mustikkaa.

Harmaa lisäväri

Vaalea hiekka
CMYK: 6 - 6 - 7 - 0
RGB: 241 - 238 - 235
HEX: #f1eeeb
hsl(30, 18%, 93%)

Fontit

Taulukossa on linkit Googlen ja Adoben fonttipalveluihin, jotka näkyvät kun tätä sivua katsoo tietokoneella.
Fontti	Käyttö	Paksuudet	Muut muodot	Hae käyttöön
Quicksand	Otsikot	300–700		fonts.adobe.com fonts.google.com
Overpass	Leipäteksti ja otsikot	100–900	italic, monospace	fonts.adobe.com fonts.google.com
Caveat Brush	Ei otsikot eikä leipäteksti	400		fonts.adobe.com fonts.google.com

Fontit saa käyttöön tällä palvelimella käyttämällä näitä CSS-koodeja:

@font-face {
  font-family: Quicksand;
  src: url(/tredu-fontit/Quicksand/Quicksand-VariableFont_wght.ttf);
  font-weight: 300 700;
}
@font-face {
  font-family: Overpass;
  src: url(/tredu-fontit/Overpass/Overpass-VariableFont_wght.ttf);
  font-weight: 100 900;
}
@font-face {
  font-family: Overpass;
  src: url(/tredu-fontit/Overpass/Overpass-Italic-VariableFont_wght.ttf);
  font-weight: 100 900;
  font-style: italic;
}
@font-face {
  font-family: "Caveat Brush";
  src: url(/tredu-fontit/Caveat_Brush/CaveatBrush-Regular.ttf);
  font-weight: 400;
}

Logot

Kaikki alla olevat logotiedostot ovat tässä tarjolla läpinäkyvällä taustalla.

Tredu

Tredu-logon alla on oltava teksti "Tampereen seudun ammattiopisto" aina paitsi silloin kun logoa käytetään niin pienenä, että pienestä tekstistä ei saisi selvää.

RGB (SVG) / CMYK (PDF)

Opiskelijatyö

RGB (SVG) / CMYK (PDF)

Tampere.Finland

Tampere.Finland-tunnusta käytetään aina vähintään 80 pikseliä tai 15 mm leveänä, jotta myös FINLAND-teksti säilyy luettavana. Tarkempi ohje tunnuksen käytöstä: PDF (284 kt).

RGB (SVG) / CMYK (PDF)