Brändi- ja mediapaketti
SkillCortin brändi, dokumentoituna
Kaikki mitä tarvitset esittääksesi SkillCortin oikein — logon käyttö, värit, typografia ja visuaalinen kieli, joka pitää brändin rauhallisena, minimalistisena ja uskottavana.
Logo
Symboli on tarkennusmerkki — neljä etsimen kulmaa, jotka rajaavat yhden Electric Blue -solmun: ota yksi taito tarkennukseen ja mittaa se. Kulmaviivat perivät ympäröivän tekstin värin, joten merkki toimii sekä vaalealla että tummalla pinnalla; vain solmu kantaa korostusvärin. Se pariutuu SkillCort-sanamerkin kanssa selkeässä groteskissa. Se on mittausmerkki, ei aivot eikä robotti.
Ensisijainen logoyhdistelmä
Vaakasuora symboli + SkillCort-sanamerkki. Käytä toissijaista pelkkää symbolimerkkiä sovelluskuvakkeissa, faviconeissa ja pienissä pinnoissa.
Suoja-alue
Jätä joka puolelle suoja-alaa vähintään 1,5 × symbolin viivanpaksuus. Teksti, kuvake, kuva tai reuna ei ulotu tälle alueelle.
Vähimmäiskoko
Digitaalinen vaakalogo: väh. 120 px leveä. Digitaalinen symboli: väh. 24 px. Painettu logo: väh. 25 mm. Painettu symboli: väh. 8 mm.
Hyväksytyt versiot
Kulmat mustina vaalealla taustalla; kulmat valkoisina tummalla taustalla; solmu pysyy molemmissa Electric Bluena. Käytä pelkkää symbolia sovelluskuvakkeissa, faviconeissa ja pienissä käyttöliittymäpinnoissa.
Älä tee näin
Ei venyttämistä tai puristamista, ei varjoa / viistettä / hehkua / ääriviivaa, ei solmun värjäämistä pois Electric Bluesta, ei kulmien uudelleenpiirtämistä eikä heikkokontrastisia tai sekavia taustoja.
Väri
Hallittu paletti, joka on rakennettu luottamukselle, selkeydelle ja premium-teknologian tuntumalle. Neutraalit kantavat työn; sininen on pidättyvä signaalikorostus vain aktiivisiin tiloihin ja CTA-elementteihin.
SkillCort Black
#0F1115Ensisijainen
Logo, otsikot, tekstin ensisijainen korostus
Soft Graphite
#3A4048Toissijainen
Toissijainen teksti ja käyttöliittymäpinnat
Cloud White
#F7F8FAVaalea pohja
Taustat ja dokumentin pohja
Mist Gray
#DDE2E8Neutraali
Erottimet, ruudukot, kortit, hillityt reunat
Signal Blue
#9FD6FFKorostus
Fokustilat, hennot jäljet, hienovaraiset korostukset
Electric Blue
#4AA8FFKorostus, tumma
Aktiiviset käyttöliittymätilat ja CTA-korostukset
Suositeltu käyttösuhde
- 75 % vaaleita neutraaleja
- 20 % mustaa / grafiittia
- 5 % sinistä korostusta
Typografia
Moderni groteskijärjestelmä selkeyden ja ammatillisen uskottavuuden vuoksi — Inter, Söhne tai vastaava. Tämä sivusto käyttää tällä hetkellä Geistiä. Vältä liian pyöreitä kuluttajafontteja, koristeellisia display-kirjaintyyppejä ja äärimmäisen futuristisia kirjaintyyppejä.
| Taso | Koko | Lihavuus | Käyttö |
|---|---|---|---|
| H1 | 40–56 px | SemiBold / Bold | Hero-otsikot ja osioiden pääotsikot |
| H2 | 28–36 px | SemiBold | Sivun osiot ja laskeutumismoduulit |
| H3 | 20–24 px | Medium / SemiBold | Kortit, aliosiot, tuotepaneelit |
| Body Large | 18 px | Regular | Aloituskappaleet ja lyhyet johdannot |
| Body | 14–16 px | Regular | Tavallinen tuote- ja dokumenttiteksti |
| Caption | 12–13 px | Regular / Medium | Metatiedot, huomautukset, nimikkeet, kuvatekstit |
Visuaalinen kieli
Minimalistinen, arkkitehtoninen ja kevyesti surrealistinen — leveää negatiivista tilaa ja monokromaattinen pohja, jossa on hentoja sinisiä signaaliviivoja. Käytä geometrisia metaforia kuten silmukoita, portteja, tasoja ja polkuja kuvaamaan kulkua osaamisesta näyttöön ja näytöstä päätökseen.
Tee näin
- Pidä sommittelut siisteinä, väljinä ja rauhallisina
- Käytä sinistä säästeliäästi signaalikorostuksena
- Näytä näytön ja päätöksen kulku minimaalisella geometrialla
- Käytä logoa oletuksena mustana tai valkoisena
- Pidä sävy vakavana ja yritystasolle sopivana
Vältä
- Käytä tekoälykasvoja, robotteja tai geneerisiä kuvapankki-ihmisiä
- Nojaa raskaaseen kyberpunk-neonestetiikkaan
- Täytä näkymiä leijuvilla dashboardeilla
- Käytä kirjaimellisia aivo- tai neuroverkkokuvituksia
- Muuta brändi geneeriseksi HR-teknologian sapluunaksi
Ääni ja sävy
Tuote muuttaa osaamisen näytöksi ja näytön päätöksiksi. Ääni antaa saman lupauksen tekstinä: jokainen lause on tarkistettavissa jotakin todellista vasten — sivustolla, tuotteessa ja hakijoiden edessä.
Väitä vain se, minkä voimme näyttää
Jokainen luku on todellinen luku; jokainen tapaus on todellinen tapaus. Jos näyttöä ei vielä ole, lause muuttuu — se ei pyöristy. Laadullinen väite pysyy laadullisena; emme koskaan keksi tarkkuutta näyttääksemme vakiintuneemmilta.
Kuvaa työ, älä kategoriaa
Myymme havaittua toimintaa, joten kirjoitamme havaitusta toiminnasta: mitä tuote tekee, vaihe vaiheelta, tavallisin verbein. Kategoriasanat — alusta, ratkaisu, älykkyys — eivät kanna näyttöä. Konkreettinen voittaa vaikuttavan.
Selkeys on se, mitä toimitamme
Tuote on olemassa tehdäkseen vaikeista päätöksistä luettavia. Teksti, joka vaatii toisen lukukerran, on tuotevirhe. Lyhyitä lauseita, yksi ajatus kussakin. Jos yksinkertaisempi sana on olemassa, käytä sitä.
Täsmällinen
ei pikkutarkkaTarkat termit siellä missä tarkkuudella on merkitystä; muualla tavallista kieltä. Määrittele termi kerran, ja luota sitten lukijaan.
Rauhallinen
ei kylmäArvioinnissa on paljon pelissä kaikille sen osapuolille. Emme koskaan tuota keinotekoista kiirettä emmekä unohda, että lukijana on ihminen.
Varma
ei myyntipuheinenVarmuus syntyy siitä, että väitteet voi tarkistaa, ei äänen voimakkuudesta. Ei huutomerkkejä, ei superlatiiveja, ei ”mullistavaa”.
Rehellinen rajoista
ei kierteleväOminaisuus, jota vasta otetaan käyttöön, sanoo sen. Analyysi, jolla on katto, kertoo kattavuutensa. Rajan sanominen suoraan on vahvuus, ei anteeksipyyntö.
Tekoäly tukee päätöstä. Ihmiset tekevät sen.
Ihminen on aina päätösverbin subjekti. Tekoäly merkitsee, tiivistää, luonnostelee ja ehdottaa — se ei koskaan valitse, hylkää tai päätä. Kirjoita tämä työnjako oikein jokaisella pinnalla, myös käyttöliittymän mikroteksteissä.
Näyttösanat ansaitaan, ne eivät ole koristeita.
Validoitu, normitettu, sertifioitu, benchmarkattu, ennustava — väitteitä, joilla on juridinen ja tieteellinen painoluokka. Yhtäkään niistä ei oteta käyttöön ennen kuin sen taustalla oleva näyttöpohja on olemassa ja dokumentoitu. Hyväksytty rekisteri on ”asiantuntijan tarkastama”, rajat kerrottuina.
Ei keksittyä näyttöä. Ei koskaan.
Ei keksittyjä mittareita, asiakasmääriä, suosituksia tai tapaustutkimuksia — ei markkinoinnissa, esityksissä eikä tarjouksissa. Jos kuvitus on fiktiivinen, se merkitään fiktiiviseksi. Tulos on yksi signaali jäsennellyssä prosessissa, johon kuuluu ihmisen tekemä tarkastus, ei koskaan tuomio.
Suosi
- näyttö · signaali · tarkastus · työnäyte · päätöskansio
- havaittu · dokumentoitu · tarkastettavissa
- asiantuntijan tarkastama — rajat kerrottuina
- suhteutettu — luotettavuustoiminnoista puhuttaessa
- tavalliset verbit: näyttää, kirjaa, merkitsee, luonnostelee
Vältä
- mullistava · pelin muuttava · alan kärkeä
- tekoälytaikuus · yli-inhimillinen · silmänräpäyksessä
- saumaton · kitkaton · luokkansa paras
- huijauksenkestävä · idioottivarma · taattu
- huutomerkit ja emojit tuoteteksteissä
Sen sijaan
“Mullistava tekoälymme tunnistaa parhaat hakijasi silmänräpäyksessä!”
Kirjoita
“Hakijat tekevät todellisia työnäytteitä. Tekoäly luonnostelee näytön tiivistelmän; tiimisi vertailee hakijoita ja päättää.”
Oikea subjekti, konkreettinen mekanismi, ei superlatiiveja.
Sen sijaan
“100 % huijauksenkestävä valvonta pitää arviointisi turvassa.”
Kirjoita
“Suhteutetut luotettavuussignaalit — lokitettuina, aikaleimattuina ja tarkastettavissa. Järjestelmä nostaa näytön esiin; tarkastaja punnitsee sen.”
Ei absoluuttista takuuta, ei tuomion kieltä; vastaa sitä, miten tuote todella toimii.
Sen sijaan
“Hups! Jokin meni pieleen. Yritä myöhemmin uudelleen.”
Kirjoita
“Tuontia ei voitu viedä loppuun. Yhtään kysymystä ei lisätty. Yritä uudelleen tai ota yhteyttä tukeen alla olevalla viitteellä.”
Kertoo lopputuloksen, jäljelle jääneen tilan ja seuraavan askeleen. Ei mitään muuta.
Lataukset
Nykyiset merkit ja väritokenit käyttövalmiina. Tarvitsetko muodon, jota täältä ei löydy — EPS, yksisivuinen brändi-PDF tai sanamerkki ääriviivoitettuna? Pyydä, niin lähetämme sen.
Logoyhdistelmä
PNGSymboli + SkillCort-sanamerkki läpinäkyvällä taustalla.
LataaSymbolimerkki
SVGTarkennussymboli skaalautuvana vektorina — musta versio. Valkoinen versio tummille pinnoille on osoitteessa /brand/skillcort-symbol-white.svg.
LataaVäritokenit
CSSKuusi brändiväriä CSS-muuttujina, rooleineen ja käyttösuhteineen.
Lataa
Tarvitsetko jotain muuta?
Lehdistöaineistot, haastattelut tai brändikysymykset — ota yhteyttä, autamme mielellämme esittämään SkillCortin oikein.