Vörumerki
Velkomin í ITGOIT vörumerkjaviðmiðin
Hjá ITGOIT gerum við upplýsingatækni einfalda, áreiðanlega og framúrskarandi fyrir alla, frá einstaklingum til fyrirtækja og skóla. Vörumerkið okkar er víðsýnt og aðgengilegt, tileinkað því að halda þínum stafræna heimi gangandi.
Þessi viðmið eru vegvísir þinn að okkar vörumerkjaímynd, og þjóna sem handbók fyrir lógóið okkar, liti, litastigla og almennt yfirbragð. Með því að fylgja þeim tryggir þú að ITGOIT haldist samræmt, líflegt og trúr markmiði okkar um að veita úrvals IT þjónustu með brosi.
Ef þú ætlar að nota vörumerkjagögnin okkar, vinsamlegast fylgdu þessum viðmiðum og óskaðu eftir samþykki í gegnum samskiptasíðuna okkar. Yfirferð tekur venjulega 3-5 vikur. Byggjum eitthvað frábært saman!
Kær kveðja, Vörumerkjateymi ITGOIT
Vörumerkjagögn okkar
Sæktu vörumerkjapakkann okkar eða stök lógó og tákn til eigin nota.
Lógó
Logo
Uppbygging
Aðalútgáfa ITGOIT lógósins samanstendur af tákninu, kallað IT tákn, og ITGOIT orðmerkinu. Þessir tveir hlutar hafa verið samstilltir sjónrænt með því að láta form orðmerkisins passa við táknið.

Auður flötur
Lógóið okkar ætti alltaf að hafa rými til að anda: við köllum þetta auðan flöt (clearspace). Þetta kemur í veg fyrir að það týnist eða verði of þröngt. Auða svæðið jafngildir hæðinni á 'I' úr orðmerkinu.

Skalanleiki
Lógóið okkar er hannað til að virka í ýmsum stærðum. Lágmarksstærð táknsins fyrir stafræna notkun er 20px á hæð til að tryggja læsileika.
Notkun
Að beita ITGOIT lógóinu hefst með því að skilja nærveru vörumerkis okkar. Stundum er lógóið í aðalhlutverki, stundum er það stuðningshlutverk. Hægt er að skilja táknið frá fyrir stórar framsetningar.
Mælt með og Ekki mælt með

Yes: Tákn og orðmerki notuð saman sem merking

Yes: Orðmerkið notað eitt og sér fyrir stærri framsetningu

No: Orðmerki notað án tákns sem merking

No: Samsett lógó notað í stórri sýningarstærð
Staðsetning
Við staðsetjum orðmerkið okkar á ákveðnum stöðum til að tryggja samræmi og sveigjanleika.


Litur

Aðallitur á aukalit

Aðallitur á ljósum aðallit

Litur á aukalit

Aukalitur á aðallit

Ljós aðallitur á aðallit

Aukalitur á lit
Yfir myndum
Orðmerkið okkar ætti að vera vel læsilegt yfir myndum. Tryggðu nægilega skerpu (contrast) og forðastu flókinn bakgrunn. Vísaðu til WCAG fyrir leiðbeiningar um skerpu.
Mælt með og Ekki mælt með

Yes: Lógóið hefur næga skerpu við bakgrunninn

Yes: Lógóið hefur næga skerpu við bakgrunninn

No: Staðsetning lógósins truflar flókinn bakgrunn

No: Ekki nægileg skerpa milli lógós og mynda
Samhengisbundin notkun
Á samfélagsmiðlum er lógóið valfrjálst fyrir venjulegar færslur en nauðsynlegt fyrir lykiltilkynningar. Fyrir útiauglýsingar er lógóið ómissandi.
Samsetning með samstarfsaðilum (lárétt)
ITGOIT lógóið er hægt að setja saman lárétt með lógóum samstarfsaðila. Bil á milli lógóa jafngildir 1,5x hæð upphafsstafsins í orðmerkinu.

Samsetning með samstarfsaðilum (lóðrétt)
ITGOIT lógóið er hægt að setja saman lóðrétt með lógóum samstarfsaðila. Bil á milli lógóa jafngildir 1,5x hæð upphafsstafsins í orðmerkinu.

Sjónræn aðlögun fyrir samstarfsaðila
Lógó samstarfsaðila gætu þurft sjónræna aðlögun til að vera í jafnvægi við ITGOIT lógóið.

Það sem má ekki gera við lógóið

No: Ekki teygja eða skekkja lógóið

No: Ekki snúa lógóinu

No: Ekki breyta jöfnun á lógóinu

No: Ekki setja útlínur á lógóið

No: Ekki breyta hlutföllum á milli tákns og orðmerkis

No: Ekki beita áhrifum (effects) eins og ljóma eða skuggum
Tákn
Symbol
Yfirlit
Í ákveðnum tilfellum er hægt að einfalda ITGOIT lógóið niður í táknið, kallað IT tákn. Algengasta notkun táknsins eins og sér er þar sem stærðartakmarkanir koma í veg fyrir notkun á orðmerkinu, svo sem í smáforritum (app icons) eða smámyndum á samfélagsmiðlum (avatars). Táknið okkar gerir vörumerkinu kleift að vera helgimyndandi og sveigjanlegt.
Auður flötur
Ákveðið rými er nauðsynlegt í kringum táknið til að koma í veg fyrir að það týnist í nærliggjandi list, myndum eða brúnum blaðsíðu. Lágmarksbilið er einn þriðji af breidd táknsins.

Skalanleiki
IT táknið er hannað til að virka í ýmsum stærðum. Lágmarksstærð táknsins fyrir stafræna notkun er 20px á hæð til að tryggja læsileika.
Lárétt samsetning
IT táknið er hægt að setja saman með lógóum samstarfsaðila. Stærð hlutanna ætti að vera sjónrænt stillt til að þeir virðist jafn stórir. Bilið milli táknsins og lógós samstarfsaðila er helmingur af breidd táknsins.

Jöfnun
Fyrir stafræn forrit er táknið oft sett inn í ferhyrndan eða hringlaga ramma. Táknið verður að vera vélrænt miðjað til jafnvægis og stækkað/minnkað til að gefa þægilegt rými á alla kanta.


Skalanleiki
IT táknið er hannað til að virka í ýmsum stærðum. Minnsta táknið ætti að vera 30px á hæð til að vera læsilegt.
Litasamsetningar

Aðallitur á gegnsæjum

Hvítt á aðallit
Í notkun
Dæmi um IT táknið notað sem app merki eða smámynd á samfélagsmiðlum.

Það sem má ekki gera við táknið

No: Ekki teygja eða skekkja táknið

No: Ekki halla tákninu

No: Ekki breyta uppbyggingu táknsins

No: Ekki setja útlínur á táknið

No: Ekki nota ljómaáhrif (glow effect) á táknið

No: Ekki nota táknið sem grímu (mask)

No: Ekki setja skugga (drop shadows) á táknið

No: Ekki nota óleyfilegar litasamsetningar á táknið

No: Ekki nota tákn í lágri upplausn
Leturfræði (Typography)
Typography
Leturgerðir okkar
ITGOIT notar tvær sérsniðnar leturgerðir úr Ginto fjölskyldunni: Ginto ITGOIT Nord fyrir áberandi fyrirsagnir og Ginto ITGOIT Medium fyrir minni texta, eins og undirfyrirsagnir og skýringar. Þessar leturgerðir gera vörumerki okkar kleift að skipta óaðfinnanlega á milli djörfrar, grípandi tjáningar og skýrra, upplýsandi samskipta. Önnur leturgerð, GG Sans, er notuð innan ITGOIT vörunnar. Fyrir nánari upplýsingar um notkun, vísaðu í vöruleiðbeiningar ITGOIT.
Sérsniðnir stafir
Valdir stafir í leturgerðum okkar hafa verið fínpússaðir til að bæta læsileika yfir ýmsa miðla. Til að tryggja bæði virkni og sjónrænt samræmi skaltu alltaf nota sérsniðnu Ginto ITGOIT leturgerðirnar í stað venjulegu Ginto fjölskyldunnar.
Stafasett: Ginto ITGOIT Nord Bold
Þessi hluti sýnir stafasettið í Ginto ITGOIT Nord Bold, sem styður öll tungumál byggð á evrópska latneska stafrófinu, að undanskildum þeim sem krefjast grískra eða kyrillískra stafa. Fyrir tungumál utan latneska stafrófsins (t.d. mandarín, arabísku, hebresku) ættu hönnuðir að velja Noto Sans eða það sem líkist Ginto ITGOIT Nord mest á því tungumáli.
Stafasett: Ginto ITGOIT Medium
Þessi hluti sýnir stafasettið í Ginto ITGOIT Medium, sem nær yfir öll evrópsk tungumál sem nota latneska stafrófið, að undanskildum grískum eða kyrillískum stöfum. Fyrir önnur stafróf, notaðu Noto Sans eða það sem líkist Ginto ITGOIT Medium best.
Stafasett: Ginto ITGOIT Regular
Þessi hluti sýnir stafasettið í Ginto ITGOIT Regular, sem er eingöngu ætlað fyrir stafræna og vöruviðmótsnotkun. Forðastu að nota þessa þyngd í samskiptum vörumerkisins; veldu Ginto ITGOIT Medium í staðinn.
Notkun leturgerða
Til að koma á jafnvægi á milli lifandi og aðgengilegrar sjálfsmyndar ITGOIT og skýrra skilaboða, veldu leturgerðir af kostgæfni: Notaðu Ginto ITGOIT Nord Bold fyrir kröftugar fyrirsagnir. Notaðu Ginto ITGOIT Medium fyrir meginmál, myndatexta og smærri texta. Veldu alltaf sérsniðnar Ginto ITGOIT leturgerðir fram yfir venjulegar Ginto útgáfur.
Hástafir og lágstafir (Case Setting)
Til samræmis skaltu stilla Ginto ITGOIT Nord Bold á Alveg hástafi (All Caps) fyrir fyrirsagnir. Notaðu Title Case eða Sentence Case fyrir Ginto ITGOIT Medium, allt eftir samhengi, til að hámarka læsileika.
Línubil: Ginto ITGOIT Nord Bold
Hafðu línubilið þröngt en forðastu of gisin eða þröng bil. Sjá dæmi til viðmiðunar.

Línubil: Ginto ITGOIT Medium
Tryggðu að línubil geri lestur auðveldan og forðastu að efri og neðri lengingar stafa skarast. Notaðu milliveg: ekki of þröngt, ekki of vítt.

Stafabil: Ginto ITGOIT Nord Bold
Fyrir fyrirsagnir, notaðu þriggja skrefa ferli: byrjaðu með sjálfgefið stafabil, settu -3% (tracking), og jafnaðu síðan stafabilið (kern) fyrir jafnt útlit. Notaðu þétt stafabil fyrir stórt letur, rýmra fyrir smærra letur.

Stafabil: Ginto ITGOIT Medium
Notaðu sama þriggja skrefa ferlið og fyrir Nord Bold til að tryggja jafnvægi og læsileika.

Jöfnun: Ginto ITGOIT Nord Bold
Jafnaðu texta til vinstri eða á miðju fyrir samskipti ITGOIT. Forðastu hægri jöfnun eða jafnaða (justified) jöfnun á báða enda.
Jöfnun: Ginto ITGOIT Medium
Jafnaðu texta til vinstri eða á miðju fyrir samskipti ITGOIT. Forðastu hægri jöfnun eða jafnaða (justified) jöfnun á báða enda.
Mínuslínur (Ragging)
Mínuslínur snúa að sjónrænum brúnum textablokkar. Jafnaðu út brúnirnar með því að aðlaga línubrot til að búa til hreina, læsilega brún og forðastu stök orð eða ójafnar línur.
Stærðir
Ekki nota fleiri en tvær leturstærðir, og miðaðu við að tvöfalda eða helminga grunnstærð (t.d. 25pt í 50pt). Í vöruhönnun gætu leturstærðir verið nær hvor annarri. Stórt letur ætti að fylla rýmið; smátt letur ætti að hafa bil fyrir neðan sem jafngildir einni eða fleiri línum.


Það sem má ekki gera í leturfræði

No: Forðastu að þjappa eða lengja stafina.

No: Ekki nota Ginto ITGOIT Medium fyrir fyrirsagnir eða Nord Bold fyrir meginmál.

No: Fyrirsagnir ættu að vera í Alveg hástöfum (All Caps), ekki Sentence Case.

No: Haltu þig við samþykktar Ginto ITGOIT þyngdir.

No: Notaðu eingöngu Ginto ITGOIT leturgerðir, engar aðrar.

No: Forðastu að lita áherslu á texta með mörgum litum.

No: Haltu letri uppréttu, ekki á ská.

No: Notaðu aðeins samþykkta litastigla, engin önnur áhrif.

No: Forðastu að hafa letrið með útlínum.
Varaleturgerð: Montserrat
Notaðu Montserrat Extra Bold fyrir fyrirsagnir þegar Ginto ITGOIT Nord er ekki í boði. Fylgdu leturviðmiðum ITGOIT og forðastu aðrar leturgerðir eins og Arial.

Varaleturgerð: Noto Sans
Notaðu Noto Sans Semibold fyrir undirfyrirsagnir, meginmál eða skýringar þegar Ginto ITGOIT Medium er ekki í boði. Fylgdu leturviðmiðum ITGOIT.

Varaleturgerð: Ekki-latneskt stafróf
Litir og Litastiglar
Litir
Colors
Vörumerkjalitir okkar
Auðkenni okkar skilgreinist af kröftugu tvíeyki: Vörumerkjafjólubláum (Brand Purple) og Aðalbláum (Primary Blue). Fjólublái liturinn táknar nýsköpun og sérfræðiþekkingu okkar, en sá blái stendur fyrir traust, áreiðanleika og tæknilega færni. Þessi samsetning skapar eftirminnilega og nútímalega stiklu sem er einkennandi fyrir ITGOIT.
Vörumerkjafjólublár (Brand Purple)
Pantone: 268 C
CMYK: 80 98 0 0
RGB: 91 33 182
HEX: #5b21b6
Aðalblár (Primary Blue)
Pantone: 2133 C
CMYK: 81 64 0 0
RGB: 74 108 247
HEX: #4A6CF7
Grunnlitastiklan
Grunnlitastiklan okkar myndar grunninn að litastefnu okkar. Samræmd notkun hennar skapar auðþekkjanleg sjónræn merki fyrir vörumerki ITGOIT og er stutt af aukalitastiklu fyrir meiri sveigjanleika.
Vörumerkjafjólublár (Brand Purple)
Pantone: 268 C
CMYK: 80 98 0 0
RGB: 91 33 182
HEX: #5b21b6
Aðalblár (Primary Blue)
Pantone: 2133 C
CMYK: 81 64 0 0
RGB: 74 108 247
HEX: #4A6CF7
Hvítur
Pantone: N/A
CMYK: 0 0 0 0
RGB: 255 255 255
HEX: #ffffff
Svartur
Pantone: Black 6 C
CMYK: 75 68 67 90
RGB: 18 23 35
HEX: #121723
Grunnsamsetningar
Þetta eru helstu, háskerpu (high-contrast) samsetningarnar fyrir leturfræði og viðmótseiningar til að tryggja skýrleika og áhrifamátt.
Hvítur á Vörumerkjafjólubláum
Sýnishornstexti
Hvítur á Aðalbláum
Sýnishornstexti
Vörumerkjafjólublár á Ljósbláum
Sýnishornstexti
Aðalblár á Ljósbláum
Sýnishornstexti
Grunnlitastiklan í notkun
Hér eru nokkur dæmi um grunnlitastikluna í notkun á helstu snertiflötum vörumerkisins.
- Starfsmannaskilríki
- Útiauglýsingar (OOH)
- Leiðbeiningar á viðburðum
Aukalitastiklan
Aukalitastiklan inniheldur ljósari og dekkri tóna af grunnlitum okkar. Þeir eru notaðir til að bæta við dýpt, skapa stigveldi og styðja við grunnlitastikluna í flóknari hönnun.
Dökkfjólublár
Pantone: 2695 C
CMYK: 84 99 26 14
RGB: 62 22 122
HEX: #3E167A
Dökkblár
Pantone: 2728 C
CMYK: 97 85 24 10
RGB: 37 58 154
HEX: #253A9A
Ljósfjólublár
Pantone: 2655 C
CMYK: 51 68 0 0
RGB: 159 125 219
HEX: #9f7ddb
Ljósblár
Pantone: 2717 C
CMYK: 10 5 0 0
RGB: 233 238 255
HEX: #E9EEFF
Dökkgrár
Pantone: 432 C
CMYK: 74 66 62 76
RGB: 29 36 48
HEX: #1D2430
Aukasamsetningar
Þessar samsetningar eru tilvaldar fyrir auka upplýsingar, bakgrunna, eða þegar óskað er eftir minni skerpu.
Ljósfjólublár á Svörtum
Sýnishornstexti
Ljósblár á Svörtum
Sýnishornstexti
Svartur á Ljósfjólubláum
Sýnishornstexti
Svartur á Ljósbláum
Sýnishornstexti
Samsetningar til að forðast
Til að halda uppi læsileika og samræmi í vörumerkinu, vinsamlegast forðastu þessar litasamsetningar, sérstaklega fyrir texta.
- Dökkir aukalitir á ljósum aukalitum
- Ljósir aukalitir á dökkum aukalitum
- Ljósir aukalitir á grunnlit
- Dökkir aukalitir á grunnlit
- Forðastu að setja mismunandi tóna af sama lit í sömu uppsetningu ef skerpan er lítil
Notkunarhlutfall
Réttu hlutfalli af litanotkun ætti að beita þvert á öll samskipti ITGOIT frá heildarsjónarhorni. Fyrir lykilsnertifleti og þegar ITGOIT er kynnt fyrir nýjum áhorfendum reiðum við okkur mikið á grunnlitastikluna okkar. Meira tímabundin og samhengisbundin forrit, eins og samfélagsmiðlar, leyfa okkur að nýta aukalitina til að bregðast við aðstæðum og vera meira leikandi í tjáningu vörumerkisins.
Aukalitastiklan í notkun
Hér eru nokkur dæmi um aukalitastikluna í notkun:
- Instagram Story
- Instagram færsla
- Söluvarningur (Merchandise)
Lita bannorð

Ekki nota Dökkan lit á lit

Ekki nota Lit á Ljósum lit

Ekki nota Dökkan lit á Dökkum lit

Ekki nota óleyfilegar samsetningar

Ekki nota tvo liti á sama tíma

Ekki nota lit í gegnsæi (Opacity)

Ekki koma með nýja liti fyrir litastigla í letrinu

Ekki koma með nýja liti fyrir litastigla í bakgrunnseiningum

Ekki blanda saman mismunandi litatónum
Fyrir almennar leiðbeiningar um lágmarkskröfur varðandi skerpu, vinsamlegast heimsækið WCAG.
Litastiglar (Gradients)
Gradients
Yfirlit
Litastiglamálið okkar, innblásið af bjarma á skjá, er hannað til að færa dýpt og andrúmsloft í samskipti ITGOIT. Þeir gefa tækifæri til að hámarka tjáningu okkar með fjólubláu og bláu litastiklunni okkar og halda hlutunum ferskum og líflegum.
Tegundir
Tveir mismunandi stílar veita sveigjanleika þegar litastiglar eru notaðir, allt frá meira áberandi boga yfir í fíngerðari.
- Hringlaga litastigull (Radial Gradient)
- Skorinn litastigull (Cropped Gradient)
Uppbygging
Stílarnir tveir á litastiglum eru aðgreindir með því hversu mikill bogi er í litastiglinum eins og sýnt er á skýringarmyndunum.
Hringlaga litastiglar (Radial) hafa greinilegan hálfhringlaga boga. Skornir litastiglar (Cropped) mynda línulegri áhrif með því að skera dýpra inn í bogann.

Hringlaga litastigull

Skorinn litastigull
ITGOIT litastiglar nota aðeins tvo liti í einu og bæta við dýpt án þess að yfirgnæfa uppsetninguna.
Samsetningar
Samþykktu litasamsetningarnar fyrir litastigla eru sýndar hér að neðan og nota okkar grunnfjólubláu og bláu litastiklu.
Litastiglar ættu almennt að færast úr ljósari eða líflegri lit yfir í dekkri og auka þannig ljómaáhrifin.
Dökkfjólublár á Svörtum
Dökkblár á Svörtum
Vörumerkjafjólublár á Aðalbláum
Vörumerkjafjólublár á Dökkfjólubláum
Aðalblár á Dökkbláum
Ljósfjólublár á Vörumerkjafjólubláum
Ljósblár á Aðalbláum
Ljósfjólublár á Aðalbláum
Ljósblár á Vörumerkjafjólubláum
Notkunarsvið
Litastigla má nota á eftirfarandi hátt þegar kemur að letri og bakgrunni:
- Sléttur litur á Lit
- Sléttur litur á Litastigli
- Litastigull á Sléttum lit
- Litastigull á Litastigli
Í notkun
Hér eru nokkur dæmi um litastigla í notkun:

Dæmi 1

Dæmi 2

Dæmi 3




