Tredun graafinen ohjeisto (2025)

Tredun värit

Tredun turkoosi

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

Tämän päävärin kanssa käytetään aina valkoista tekstiä.

Mustikka

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

Tämän päävärin kanssa käytetään aina valkoista tekstiä.

Vaalea petrooli

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

Tämän lisävärin kanssa käytetään Mustikan väristä tai mustaa tekstiä.

Fuksia

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

Tämän lisävärin kanssa käytetään valkoista tekstiä.

Idea

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

Tämän lisävärin kanssa käytetään Mustikan väristä tai mustaa tekstiä.

Havunvihreä

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

Tämän lisävärin kanssa käytetään valkoista tekstiä.


Logot

Tredun logot

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)


Opiskelijatyö logot

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)


Tampere.Finland logot

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)

RGB (SVG) / CMYK (PDF)


Tredun-fontit

Quicksand

Käytetään vain otsikoissa.
Paksuudet 300–700.

fonts.google.com
fonts.adobe.com

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

Overpass

Käytetään leipätekstissä, mutta voidaan käyttää myös otsikoissa.
Paksuudet 100–900

fonts.google.com
fonts.adobe.com

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

Caveat Brush

Ei käytetä leipätekstissä eikä otsikoissa.
Ainpa paksuus 400.

fonts.google.com
fonts.adobe.com

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

Lataa graafinen ohjeisto itsellesi tästä (19Mt)