Brändi-identiteetti

Faktorist Brändiohjeet

We're currently rebranding — updated brand guidelines coming soon. Get in touch

Logon käyttö

Logo ja identiteetti

Logomme on brändi-identiteettimme kulmakivi. Käytä sitä johdonmukaisesti ja kunnioittavasti.

F

Faktorist Logo Mark

Tyhjennä tilaa

Jätä logon ympärille aina tyhjää tilaa. Vähimmäistilan on oltava yhtä suuri kuin pienen x-kirjaimen in Faktorist korkeus. Tämä varmistaa, että logo pysyy selkeänä ja helposti tunnistettavana.

Minimikoko

Älä koskaan käytä verkkosovelluksissa tai 20 mm:n in painomateriaaleissa logoa, jonka leveys on alle 120 pikseliä in. Näitä kokoja pienemmissä kokoissa logosta tulee lukukelvoton ja se menettää tehonsa.

Taustat

Logo toimii parhaiten vaalealla taustalla. Tummalla taustalla varmista riittävä kontrasti. Käytä aina oikeaa versiota: täysväristä vaalealla taustalla, valkoista tummalla taustalla.

Skaalaus

Skaalaa logo aina suhteellisesti. Älä koskaan vääristä, vinouta, kierrä tai muuta logon kuvasuhdetta. Säilytä alkuperäiset mittasuhteet kokoa muutettaessa.

Do's

  • Käytä vain virallisia logotiedostoja
  • Jätä logon ympärille tyhjää tilaa
  • Käytä sopivan kontrastisilla taustoilla
  • Skaalaa suhteellisesti kokoa muutettaessa
  • Käytä suositeltuja väriversioita

Don'ts

  • Älä muuta, vääristä tai vääristä logoat
  • Älä sijoita logoa liian lähelle muita elementtejä
  • Älä käännä logoa mihinkään muuhun kulmaan kuin 0°
  • Älä muuta värejä ilman lupaa
  • Älä käytä logoa, jonka koko on vähimmäisvaatimusten alapuolella
Väripaletti

Värimme

Huolellisesti kuratoitu paletti, joka määrittelee visuaalisen identiteettimme

Faktorist-väripaletti sisältää ensisijaisen violetin liukuvärin ja täydentäviä tehostevärejä. Nämä värit on suunniteltu toimimaan harmonisesti yhdessä, luoden visuaalista yhtenäisyyttä kaikissa brändimateriaaleissa.

Primary Palette

primary-50

#f3f4fa

RGB: 243, 244, 250

primary-100

#e9eaf6

RGB: 233, 234, 246

primary-200

#d6d7ef

RGB: 214, 215, 239

primary-300

#bdbde4

RGB: 189, 189, 228

primary-400

#a6a2d7

RGB: 166, 162, 215

primary-500

#948bc9

RGB: 148, 139, 201

primary-600

#8778bb

RGB: 135, 120, 187

primary-700

#7161a1

RGB: 113, 97, 161

primary-800

#5c5083

RGB: 92, 80, 131

primary-900

#4d456a

RGB: 77, 69, 106

primary-950

#2e283e

RGB: 46, 40, 62

Accent Colors

amber-300

CTA highlights

#fcd34d

RGB: 252, 211, 77

amber-400

Primary accent

#fbbf24

RGB: 251, 191, 36

yellow-400

Alerts & attention

#facc15

RGB: 250, 204, 21

Typografia

Fontit ja tyypit

Puhtaat, modernit kirjasintyypit, jotka heijastavat brändimme persoonallisuutta

Plus Jakarta Sans

Ensisijainen fontti kaikille otsikoille, osioiden otsikoille ja keskeisille viesteille

The quick brown fox jumps over the lazy dog. 0123456789

Inter

Toissijainen fontti leipätekstille, kuvauksille ja tukitekstille

The quick brown fox jumps over the lazy dog. 0123456789

Fallback Stack

järjestelmäkäyttöliittymä, sans-serif

Always include fallback fonts to ensure consistent rendering across devices

Ääni ja sävy

Brändiääni

Miten viestimme yleisömme kanssa

Ammattimainen: Olemme arvovaltaisia ​​ja asiantuntevia

Luotettava: Olemme luotettavia ja läpinäkyviä

Innovatiivinen: Hyödynnämme tulevaisuuteen suuntautuneita ratkaisuja

Globaalintuntuinen: Kunnioitamme ja juhlistamme kulttuurista monimuotoisuutta

Communication Guidelines

Käytä selkeää ja suoraa kieltä, joka välttää ammattikieltä aina kun mahdollista

Ole avulias ja opettavainen in kaikessa viestinnässä

Säilytä kunnioittava ja osallistava sävy

Osoita intohimoa innovaatioita kohtaan olematta kuitenkaan liian välinpitämätön

Käytä osallistavaa kieltä, joka toivottaa kaikki käyttäjät tervetulleiksi

Käyttöohjeet

Milloin käyttää mitä

Ensisijainen väri (#7161a1): Käytä pääpainikkeissa, navigoinnissa ja ensisijaisissa toimintakehotuksissa

Tumma ensisijainen (#2e283e): Käytä taustoille, vaaleilla pinnoilla olevalle tekstille ja kontrastielementeille

Meripihkanvärinen/keltainen: Käytä säästeliäästi korostuksiin, merkkeihin ja toissijaisiin toimintakehotuksiin huomion kiinnittämiseksi.

Tukivärit: Käytä kuvakkeissa, korostuselementeissä ja visuaalisessa hierarkiassa

Neutraalit harmaat: Käytä reunoihin, jakajiin, käytöstä poistettuihin tiloihin ja hienovaraisiin taustoihin

Lataa resursseja

Brändiresurssit

Logotiedostot

PNG-, SVG- ja PDF-versiot in useita formaatteja ja värivaihtoehtoja

Väripaletti

HEX-, RGB- ja CSS-muuttujien vienti kehitystä ja suunnittelua varten

Brändiohjeet

Kattava PDF-opas, joka sisältää kaikki tuotemerkkistandardit ja käyttösäännöt

Kuvakekirjasto

Kuvakejoukko in SVG-muodossa, joka vastaa Faktorist visuaalista kieltä

Have questions about our brand guidelines? Contact our team for more information.