Siirry pääsisältöön
Brändiohjeet

Tunnistettavasti TechClass

Kaikki, mitä tarvitset, kun käytät TechClassin brändiä: logotiedostot, väriarvot, tekstityylit ja säännöt, joiden avulla ne toimivat yhdessä. Jos olet epävarma, pidä asiat yksinkertaisina ja säilytä hymy.

Neljä logoa · SVG · 5 kt · Päivitetty kesäkuussa 2026

Värit

Sininen johtaa, meripihka hymyilee

Kolme väriä kantaa koko brändin. Sininen puhuu, yönsininen luo syvyyttä ja meripihka iskee silmää. Kopioi mikä tahansa arvo napsauttamalla sitä.

Valkoinen ja neutraalit~55 % Sininen~25 % Yönsininen~12 % Meripihka~8 %

Näin tyypillinen TechClassin sivu jakautuu. Meripihka toimii, koska sitä on vähän. Pidä se sellaisena.

Pääväri TechClass-sininen

Johtava väri. Painikkeet, linkit, sanamerkki ja kaikki kohdat, joissa brändin pitää puhua ensimmäisenä.

Toissijainen väri Hymyn meripihka

Hymyn väri. Nostot, korostukset ja ilahduttavat hetket: mauste, ei koskaan pääruoka.

Pohjaväri Syvä yönsininen

Tumma pintamme. Hero-alueet, alatunnisteet ja kaikki kohdat, jotka kaipaavat hillittyä syvyyttä.

Hyväksytyt väriparit

Todelliset WCAG-kontrastisuhteet. Meripihka on graafinen korostus, ei koskaan leipätekstin väri vaalealla taustalla.

Aa Valkoinen sinisellä 8,3 : 1 · AA ✓
Aa Sininen valkoisella 8,3 : 1 · AA ✓
Aa Valkoinen yönsinisellä 17 : 1 · AA ✓
Aa Meripihka yönsinisellä 9,9 : 1 · AA ✓
Aa Yönsininen meripihkalla 9,9 : 1 · AA ✓
Aa Meripihka valkoisella 1,7 : 1 · vain koristeena ✕
Typografia

Jakarta puhuu, Inter selittää

Kaksi muuttuvaa fonttia, molemmat maksuttomia ja kaikkialla saatavilla: Plus Jakarta Sans otsikoihin ja muihin suuriin teksteihin, Inter leipätekstiin ja käyttöliittymään. Ei muita fontteja, ei poikkeuksia.

Aa
Plus Jakarta Sans Otsikot ja suuret tekstit · SemiBold 600 – ExtraBold 800 · merkkivälistys −1 %

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö 0123456789 ?!&

Aa
Inter Leipäteksti ja käyttöliittymä · Regular 400 – SemiBold 600

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ
abcdefghijklmnopqrstuvwxyzåäö 0123456789 ?!&

Kirjoita jotain. Tämä rivi on sinun.

Oppimista, josta tykätään Otsikko 152 / 62 · SemiBold
Tehty jokaiselle tiimille Otsikko 236 / 47 · SemiBold
Perehdytys ilman kaaosta Otsikko 328 / 36 · SemiBold
Yksi alusta perehdytykseen, osaamisen kehittämiseen ja complianceen, oppijan ehdoilla. Ingressi20 / 30 · Regular
Kohdenna kurssi, aseta määräaika ja anna automaattisten muistutusten karhuta. Seuraat edistymistä yhdestä koontinäkymästä. Leipäteksti16 / 26 · Regular
Synkronoitu viimeksi 2 minuuttia sitten Kuvateksti13 / 20 · SemiBold · versaalit
Äänensävy

Miltä kuulostamme

TechClass kirjoittaa niin kuin hyvä opettaja puhuu: selkeästi, lämpimästi ja aina kohti seuraavaa askelta.

Selkeys ennen nokkeluutta

Jos lause pitää lukea kahdesti, kirjoita se uudelleen.

”Kohdenna kurssi tiimillesi.” ”Hyödynnä oppimispolkuja valmennuksen operationalisointiin.”
Inhimillinen, ei virallinen

Kirjoita kuin avulias kollega, älä kuin palveluntarjoaja.

”Otetaan tämä käyttöön yhdessä.” ”Käyttöönoton toteutus suoritetaan palveluntarjoajan toimesta.”
Varma, ei äänekäs

Anna tuotteen puhua. Jätä hehkutus ja huutomerkit pois.

”Perehdytys päivissä, ei kuukausissa.” ”Maailman mullistavin oppimisalusta!!!”
Aina käytännöllinen

Jokaisen lauseen pitää auttaa jotakuta tekemään jotain.

”Aloita yhdestä tiimistä ja laajenna sitten.” ”Vapauta rajattomat synergiat skaalautuvasti.”
Lataukset

Ota brändi mukaasi

Vektoritiedostot valmiina näytölle ja painoon. Tarvitsetko EPS- tai PNG-versioita tai yhteismarkkinoinnin tarkistuksen? Ota yhteyttä. Vastaamme nopeasti.

Päälogon esikatselu
PäälogoSVG

Täysvärinen, vaaleille taustoille.

Lataa
Valkoisen logon esikatselu
Valkoinen logoSVG

Sinisille ja yönsinisille taustoille sekä valokuville.

Lataa
Mustan logon esikatselu
Musta logoSVG

Yksivärisiin toteutuksiin.

Lataa
Liikemerkin esikatselu
LiikemerkkiSVG

Profiilikuvat, faviconit ja ahtaat tilat.

Lataa
Kaikki kerrallaZIP

Kaikki neljä logoa yhdessä paketissa. 5 kt brändiä.

Lataa kaikki