Tredun graafinen ohjeistus (2025)

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%)

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%)

Lisäväri

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

Fontti	Käyttö	Paksuudet	Muut Muodot	Linkit
Quicksand	Otsikot	300-700	Ei ole	Google Adobe
Overpass	Leipäteksti ja otsikot	100-900	Italic	Google Adobe
Caveat Brush	Ei otsikoita eikä leipatekstiä	400	Ei ole	Google Adobe

@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: Caveat;
src: url(tredu-fontit/Caveat_Brush/CaveatBrush-Regular.ttf);
font-weight: 400;
}