Tredun graafinen ohje

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

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

Fontit

Quicksand

Quicksand-fonttiperhettä käytetään otsikoissa. Kevyt ja pehmeälinjainen fontti.

Quicksand - Google Fonts

Quicksand - Adobe fonts

@font-face {
    font-family: Quicksand;
    src: url(fontit/Quicksand-VariableFont_wght.ttf);}

Overpass

Overpass-fonttiperhettä käytetään pääsääntöisesti leipätekstissä, mutta sitä voidaan hyödyntää myös otsikoissa. Selkeälinjainen fontti, joka tuo kontrasti Quicksand-fontille.

Overpass - Google Fonts

Overpass - Adoben fonts

@font-face {
    font-family: Overpass;
    src: url(fontit/Overpass-VariableFont_wght.ttf);}

Caveat Brush

Caveat Brush on koristeellinen fontti ja sitä ei käytetä otsikoissa eikä leipätekstissä, vaan esimerkiksi sitaateissa tai tekstinostoissa.

Caveat Brush - Google Fonts

Caveat Brush - Adobe fonts

@font-face {
    font-family: Caveat Brush;
    src: url(fontit/CaveatBrush-Regular.ttf);}

Logot