Vörumerkjastefna GitHub 2026 — Heildstætt kerfi fyrir sjónrænt auðkenni sem nær yfir einkenni vörumerkis, lógó, undirvörumerki, samstarfsmerkingar, teikningar, liti, lukkudýr, tákn, skýringarmyndir, leturgerð, útlit og upplifunarhönnun
Notar forsíðu þessarar kynningar sem stílfyrirmynd fyrir glærur úr þínu eigin efni. Eða veldu hvaða síðu sem er hér fyrir neðan og notaðu uppsetningu hennar sem fyrirmynd.
Flýtileiðsögn
Merki
Deila glærunum
Vörumerkjastefna GitHub 2026 — Heildstætt kerfi fyrir sjónrænt auðkenni sem nær yfir einkenni vörumerkis, lógó, undirvörumerki, samstarfsmerkingar, teikningar, liti, lukkudýr, tákn, skýringarmyndir, leturgerð, útlit og upplifunarhönnun
Ítarleg sýn á hverja glærusíðu, þar á meðal útlit, lykilefni og sjónræna þætti.
Forsíða með GitHub lógói, titlinum 2026 Brand Guidelines, 3D ísómetrískum grænum teningum með vörutáknum og Mona lukkudýrinu
Ljós stigbreytilegur bakgrunnur með stóru svörtu letri vinstra megin, 3D teikning hægra megin
Fjórir hlutar: Sjónræn stefna vörumerkis, Myndefni og teikningar, Grafískir þættir, Viðburðir og upplifun
Dökkur bakgrunnur með fjórum reitum sem eru aðskildir með grænum línum
Kaflatitill: Brand Attributes
Alveg dökkur bakgrunnur með stórum hvítum texta neðst til vinstri
Fimm einkenni vörumerkis með táknum: Nördalegt (Nerdy), Sjálfsöryggi (Confident), Áreiðanleiki (Authentic), Hugmyndaflug (Imaginative), Samkennd (Empathetic)
Skipt uppsetning: inngangstexti vinstra megin, fimm raðir með einkennum hægra megin á dökkum bakgrunni
Hvernig einkennin birtast: GitHub Universe, Copilot, Shop, Enterprise samhengi
Fjögur myndaspjöld með merkingum einkenna og lýsingum
Nördalegt: ástríða, tæknileg útfærsla, sérhæfing með dæmum
Skilgreining einkennis efst til vinstri, fjögur mynddæmi sem ná yfir alla breiddina
Texti: nákvæmur, tæknilegur. Hönnun: jafnbreitt letur (monospace), hnitakerfi. Upplifun: ítarlegt innihald, vinnustofur
Skipt uppsetning: kynning á einkenni vinstra megin, þrír hlutar með leiðbeiningum hægra megin
Sjálfsöryggi: metnaður, traust, greind með dæmum
Skilgreining einkennis efst til vinstri, fimm dæmi með myndum og myndskreytingum
Texti: skýr, sannfærandi. Hönnun: litrík, sláandi. Upplifun: standa við loforð
Skipt uppsetning: kynning á einkenni vinstra megin, þrír hlutar með leiðbeiningum hægra megin
Áreiðanleiki: traust, líflegt, bjart með dæmum
Skilgreining einkennis efst til vinstri, fimm mynddæmi
Texti: talmál, einfalt orðalag. Hönnun: hrein, tjáningarrík. Upplifun: hvetja til samskipta
Skipt uppsetning: kynning á einkenni vinstra megin, þrír hlutar með leiðbeiningum hægra megin
Hugmyndaflug: leikgleði, umbreytandi, aðlögunarhæfni með dæmum
Skilgreining einkennis efst til vinstri, þrjár stórar myndir
Texti: hvetjandi. Hönnun: brjóta hefðir. Upplifun: umbreyta rýmum
Skipt uppsetning: kynning á einkenni vinstra megin, þrír hlutar með leiðbeiningum hægra megin
Samkennd: aðgengilegt, samtengt, raunsætt með dæmum
Skilgreining einkennis efst til vinstri, myndir og litaprufur
Texti: aðgengi í fyrirrúmi. Hönnun: birtuskil, samhengi. Upplifun: skýr leiðarvísun, fjölbreyttir ræðumenn
Skipt uppsetning: kynning á einkenni vinstra megin, þrír hlutar með leiðbeiningum hægra megin
Kaflaheiti: Lógó
Alveg dökkur bakgrunnur með stórum hvítum texta neðst til vinstri, bls. 15
Aðalmerkið er Invertocat (Mona the Octocat). Reglur um 25% autt svæði
Skipt uppsetning: lýsing vinstra megin með skýringarmynd um millibil, stórt Invertocat merki hægra megin
Fullt GitHub lógó (Invertocat + orðmerki) fyrir utanaðkomandi notkun. 50% hæðar sem autt svæði
Lýsing vinstra megin, stórt samsett GitHub orðmerki í miðju
Staðsetning lógós: áberandi en ekki ráðandi. Fullt orðmerki, Invertocat eitt og sér, hornstaðsetning
Þrjú dæmi um staðsetningu með hnitakerfi
Litaafbrigði lógós á ljósum, ljósgráum og dökkum þemum með aðal-, auka- og áherslulitum
Hnitakerfi með þremur röðum sem sýnir níu litaafbrigði lógósins
Ekki má: afskera, setja ofan á, lita lógó, breyta hlutföllum, nota brellur, snúa
Sex bönnuð dæmi með rauðum bannmerkjum
Notkun slagorðs: eitt og sér eða samsett með Invertocat. Aðeins á stefnumótandi stöðum
Lýsing vinstra megin, mörg afbrigði af uppsetningu slagorðs hægra megin
Kaflaheiti: Undirvörumerki
Alveg dökkur bakgrunnur með stórum hvítum texta neðst til vinstri, bls. 23
Stigveldi vörumerkja: GitHub orðmerki (sjálfgefið), samsett undirvörumerki, vörutákn innan vettvangs
Lýsing vinstra megin, vörumerki, samsett merki (Advanced Security, Copilot, Actions), hnitakerfi vörutákna hægra megin
Sveigjanleiki merkja: aðeins Invertocat, samsett undirvörumerki, útvíkkað samsett merki eftir samhengi
Samanburður í þremur dálkum með dæmum úr notendaviðmóti
Sammiðja stigveldi: GitHub Core, undirvörumerki, viðburðir. Öll afbrigði samsettra merkja sýnd
Venn-skýringarmynd vinstra megin, fjögurra dálka kerfi samsettra merkja hægra megin
Samsett undirvörumerki (Mona Sans Display Medium) og útvíkkuð afbrigði fyrir allar vörur
Tveggja hæða uppsetning sem sýnir samsett merki fyrir Security, Copilot, Spark, Enterprise, Actions, Issues
Ákvarðanatré: viðburður? vara innan GitHub? sjálfstætt Copilot/Security? markaðssetning vöru?
Lóðrétt flæðirit með JÁ/NEI greinum
Aðalmynd Copilot hluta með 3D ísómetrískum grænum teningum og Copilot lukkudýri
Stór Copilot titill með 3D ísómetrískri myndskreytingu í fullri breidd, bls. 30
Copilot fjólublár (#8534F3), vörumerking, afbrigði tákna, 3D teikning af lukkudýri
Lýsing og litaprufa vinstra megin, merki/tákn/teikning hægra megin, bls. 32
Fjólublá dither-áferð, varalausn fyrir aðalþema, 80/10/5/5 litahlutföll
Skipulag með mörgum dæmum sem sýna dither, aðalþema og nálgun án vörumerkingar, bls. 33
Rólegt yfirbragð (dither + skjáskot) á móti áberandi stíl (myndskreytingar) fyrir kynningar
Samanburður hlið við hlið, bls. 34
Öryggishluti með 3D ísómetrískum grænum teningum, blátt skjaldartákn
Stór Security titill með 3D myndskreytingu, bls. 35
Security blár (#3094FF), vörumerking, afbrigði skjaldartákna, 3D myndskreyting
Lýsing og blá litaprufa vinstra megin, merki/tákn/teikning hægra megin, bls. 37
Blá dither-áferð, varalausn fyrir aðalþema, dæmi um viðmót fyrir kóðaskönnun
Mörg dæmi sem sýna blátt dither og nálgun án vörumerkingar, bls. 38
Titill kafla: Samstarfsmerkingar
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 39
Sjálfgefið (tákn + skilrúm), staflað, láréttar merkingar. Jöfn sjónræn stærð
Þrjú afbrigði af samsettum merkjum með Microsoft + GitHub lógóum, bls. 40
Ekki gera: viðbótarmerkingar, yfirborð, undirmerki, lukkudýr, stöflun, Universe lógó
Sex bönnuð dæmi með rauðum táknum, bls. 41
Sex spurningar um samstarfsmerkingar: samfélagsmiðlar, orðalag í samstarfi, kynningar, vöruheiti, lendingarsíður, varningur
Listi yfir spurningar og svör, bls. 42
Titill kafla: Myndskreytingar
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 43
Þrír stílar: Aðalmyndskreytingar (3D), framlagslínurit (skapandi abstrakt), áferðir (bitmap)
Þrír jafnir dálkar með dæmum, bls. 44
Ítarlegar, 3D, ísómetrískar. Framlagslínurit í aðalhlutverki með vörutáknum, dither og lukkudýrum
Lýsing vinstra megin, stór 3D myndskreyting hægra megin, bls. 45
Sveigjanlegar samsetningar með Mona, Duckie og grænum teningum í mismunandi uppsetningum
Net með sex afbrigðum myndskreytinga, bls. 46
Breyting á viðmóti framlagslínurits í sjónrænt vörumerki. Grænir/gráir/bleikir ferningar, lukkudýr
Heildarmyndskreyting með skýringum, bls. 47
Ekki gera: einangra, nota sem bakgrunn, ofstækka, blanda við dither. Gera: hreyfa, prenta
Sex notkunardæmi með gátmerkjum/bönnum, bls. 48
Einfaldari dither-áferðir fyrir bakgrunna og yfirborðsmynstur
Lýsing vinstra megin, tvö notkunardæmi hægra megin, bls. 49
Sex dither-mynstur: Hringur, hitakort, stigull, hálfhringur, bylgja, sporöskja
Sex dæmi um áferðir í 2x3 neti, bls. 50
Tvílitna áferðir: djarfar þrískiptar/andstæðar samsetningar ásamt einlitum valkostum
Djarfar tvílitna raðir efst, einlitir dálkar neðst, bls. 51
Titill kafla: Litur
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 52
Hlutlaust vörumerki með grænum áherslum. Aðallitir (hlutlausir + grænn), aukalitir (6 litaflokkar)
Lýsing vinstra megin, aðalpalletta í miðju, aukalitanet hægra megin, bls. 53
HEX/RGB/CMYK/Spot fyrir hvítt, svart, grátt 0-9, grænt 1-6. 90% hlutlaust, 10% grænt
Fullt net litaprufa með tæknilýsingum, bls. 54
Þemapallettur: DevX (grænt+bleikt), Copilot (fjólublátt), Security (blátt+appelsínugult+límónugrænt)
Stórt litanet með fullum tæknilýsingum, bls. 55
Þrjú þemu: Hvítt, ljósgrátt, svart. Texti á hlutlausum grunni; litur fyrir tákn/myndskreytingar
Þrjú dæmi um Copilot kóðunaraðstoð á mismunandi bakgrunnum, bls. 56
Allur texti uppfyllir WCAG AA staðla. Aðal-, auka- og áherslutexti stenst AA á öllum bakgrunnum
Þrjú aðgengispjöld sem sýna AA-samræmi, bls. 57
Titill kafla: Lukkudýr
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 58
Þrjú lukkudýr: Mona (GitHub), Copilot (gervigreind/nýsköpun), Ducky (forritarar)
Þrír dálkar með 3D útfærslum af lukkudýrum, bls. 59
Helsti sendiherra vörumerkisins. Fjólublá/bleik palletta. Fimm sjónarhorn
Lýsing vinstra megin, fimm 3D útfærslur hægra megin, bls. 60
Gervigreindar-parforritari við forritun. Fjólublátt/blátt með bleiku. Fimm sjónarhorn
Lýsing vinstra megin, fimm 3D útfærslur hægra megin, bls. 61
Baðönd notuð við villuleit. Notuð sjaldnar. Fimm sjónarhorn
Lýsing vinstra megin, fimm 3D útfærslur hægra megin, bls. 62
Gera: samfélag, innanhúss, veita innblástur. Ekki gera: sem lógó, þrýsta á/selja, alvarleg málefni
Þriggja raða gera/ekki gera tafla, bls. 63
Úrelt: Octocat 1.0, Octocat 2.0, Monamoji, útlínustíll
Fjögurra hluta net með bannmerkjum, bls. 64
Titill kafla: Tákn
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 65
Octicons (24px) sjálfgefið. Spot Octicons (60px) stærri markaðstákn byggð á gitline-formum
Octicons-net neðst til vinstri, Spot Octicons-net til hægri, bls. 66
16-30px Octicons, 31-54px dautt svæði, 55-96px markaðstákn, 128px+ myndskreytingar
Fjögur stærðarstig með dæmum, bls. 67
Fullt sett af 60+ Spot Octicons byggt á gitline-formum (tímalína + commit-hringur)
Heilt táknasafnsnet, bls. 68
Tákntilbrigði fyrir dökk, hvít, ljósgræn og ljósgrá þemu ásamt flötum útgáfum
Samanburður á fjórum þemasúlum, bls. 69
Samsetning myndefnis með táknum: tengja myndefnið við grunn, bæta við litum undirvörumerkja
Lýsing vinstra megin, tvö dæmi um bloggspjöld hægra megin, bls. 70
Titill kafla: Skýringarmyndir
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 71
Nákvæm, upplýsandi. Hver lína og litaval skiptir máli. Súlurit, dreifirit, samstarfsnet
Lýsing vinstra megin, þrjú dæmi um línurit hægra megin, bls. 72
Spot-tákn + letur fyrir fullyrðingar sem ekki eru samanburður. Fjólublátt þema fyrir Copilot. Grænn áherslukantur
Þrjú tölfræðispjöld með skýringum, bls. 73
Titill kafla: Leturfræði
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 74
Aðalletur: Mona Sans (Regular + Medium). Fylgiletur: Mona Sans Mono fyrir kóða/stíl
Lýsing vinstra megin, stafrófssýnishorn neðst, bls. 75
OPSZ ás V2.08+. H0 Display 110/110, Body Large 17/26, Pullquote Mono 58/68
Sýnishorn af leturkvarða með stærðar- og þyngdarforskriftum, bls. 76
H0-H6 stigveldi (160px til 19px). Display Regular fyrir stærri, Medium fyrir minni
Fullt stigveldi fyrirsagna H0-H6 með súluriti, bls. 77
Body XL niður í Footnote. Blockquote Mono 58/68. Stílar fyrir Caption, Eyebrow og Footnote
Fullt net með sýnishornum af meginmáli, bls. 78
Pörun: Eyebrow+Headline, Medium+Medium, Eyebrow jafnað, Headline+Body
Sex dæmi um leturpörun, bls. 79
Ekki gera: aðra breiddarstíla, hástafi í fjölraða mono, samstafi (ligatures), handvirkt stafabil
Fjögur bönnuð dæmi með samanburði, bls. 80
Titill kafla: Umbrot
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 81
Ströng fylgni við hnitakerfi. Net/spássíur (rauð), hlutföll (1/3, 1/2, 2/3), áherslukantur
Hnitakerfi yfir Copilot-dæmi með skýringum, bls. 82
Sjálfgefinn kantur 2px, lágstemmdur 2px, áherslukantur 4px grænn. Einn áherslukantur á hverja samsetningu
Universe þátttakendaspjald með hnitakerfi, bls. 83
Efni flýtur út í kanta, stór tóm miðja. Síðufótur/haus virka samkvæm og tæknileg
Tvö umbrotsdæmi með jöfnunarskýringum, bls. 84
Ekki gera: litablöndun í fyrirsögnum, efni of þétt upp við kanta
Tvö bönnuð dæmi með samanburði, bls. 85
Titill kafla: Upplifun
Heill dökkur bakgrunnur með stórum hvítum texta, bls. 86
Sex meginreglur: Vörumerkið í forgrunni, Heiðarleiki efnis, Gagnvirkt, Þægilegt, Einingamiðað, Framtíðarsýn
Texti efst, sex spjöld með meginreglum í 2x3 neti, bls. 87
Gera: viðar/málmefni, 3D smáatriði, LED. Ekki gera: flatt vínyl, almenn húsgögn. „Hero moment“ nauðsynlegt
Gera/ekki gera listi vinstra megin, níu myndir af básum hægra megin, bls. 88
Hver bás þarf að minnsta kosti einn gagnvirkan þátt: uppblásna hluti, límmiða, leiki, kynningar
Lýsing vinstra megin, sex myndir af gagnvirkum básum hægra megin, bls. 89
Tónuð umhverfislýsing fyrir sjónrænan aðskilnað. Lithitastig gefur tóninn
Lýsing vinstra megin, fjórar myndir af lýsingu hægra megin, bls. 90
Þrjú stig: Einföld viðvera, Millistigsbás, Sérhönnuð áhrifamikil uppsetning
Þrjár súlur eftir stigum með myndum og lýsingum, bls. 91
Tengiliðir: brand.github.com verkfærakista, brand-marketing-design@github.com
Dökkur bakgrunnur með samskiptaupplýsingum, bls. 92
Algengar spurningar um þessa glæru og undirliggjandi kynningarefni.
Þetta er yfirgripsmikið 89 síðna vörumerkjakerfi sem nær yfir alla þætti sjónrænnar auðkennis GitHub fyrir árið 2026. Því er skipt í fjóra meginhluta: Sjónræn stefna vörumerkis (einkenni, lógó, undirvörumerki, samstarfsmerkingar), Myndefni og teikningar (teiknikerfi, litir, lukkudýr), Grafískir þættir (tákn, skýringarmyndir, leturgerð, útlit) og Viðburðir og upplifun (hönnun sýningarbása, smíði, gagnvirkar innsetningar, lýsing).
GitHub skilgreinir fimm vörumerkjaeinkenni: 1) Nördalegt (ástríða fyrir kóða, tæknilegt, verkfræðilegt), 2) Sjálfsöryggi (metnaðarfullt, traust, gáfað), 3) Ósvikið (trú sjálfu sér og samfélaginu), 4) Hugmyndaríkt (leikglað, umbreytandi, aðlögunarhæft), 5) Samkennd (aðgengilegt, samtengt, raunsætt). Hverju einkenni fylgja leiðbeiningar fyrir textagerð, hönnun og upplifun.
GitHub notar hönnunarkerfi sem byggir á dökku útliti með Mona Sans leturfjölskyldunni (steinskrift og jafnbilaletur). Aðallitirnir eru hlutlausir gráir, svartir og hvítir með grænum áherslulit (#0FBF3E), auk aukalita fyrir sérstakar vörur (fjólublár fyrir Copilot, blár fyrir Security). Sjónræna kerfið einkennist af þrívíddarteikningum í ísómetrísku sjónarhorni, stefjum úr framlagsgrafinu (contribution graph), punktatónum (dithering) og þremur þrívíddarlukkudýrum (Mona, Copilot, Duckie).
GitHub notar stigskipt kerfi fyrir merki: Aðeins Invertocat þegar samhengið er skýrt, samsett merki undirvörumerkja (Invertocat + vöruheiti) fyrir sjálfstæða markaðssetningu, og útvíkkuð samsett merki (Invertocat + GitHub + vöruheiti) þegar markhópurinn þekkir hugsanlega ekki GitHub. Copilot er með sitt eigið fjólubláa þema (#8534F3) og Security er með blátt (#3094FF). Flæðirit hjálpar til við val á réttu merki.
Mona Sans með breytilegri stærðarstillingu (OPSZ V2.08+). Fyrirsagnir nota Display Regular (H0 í 110px) og Medium (H3-H6). Meginmál notar Regular (15/25 aðal) og Medium (17/26 stórt). Mona Sans Mono er notað fyrir kóða, tilvitnanir, yfirfyrirsagnir og neðanmálsgreinar. Slökkva verður á stafatengslum (ligatures) og handvirk stafabil (tracking) eru bönnuð; nota skal OPSZ í staðinn.
Þrír stílar: 1) Lykilmyndir – ítarlegar 3D ísómetrískar senur með grænum teningum, vörutáknum og lukkudýrum fyrir stór augnablik. 2) Framlagsgraf (contribution graph) – skapandi útfærsla á notendaprófílsneti GitHub með grænum, gráum og bleikum ferningum. 3) Áferðir – punktatónamynstur (hringir, hitakort, stigar, bylgjur, sporöskjur, hálfhringir) í ýmsum litasamsetningum.
Mona – bleikur/fjólublár Octocat (hálfur köttur, hálfur kolkrabbi), helsti fulltrúi vörumerkisins. Copilot – blár/fjólublár vélmennahjálmur sem táknar AI og nýsköpun. Duckie – gul gúmmíönd sem vísar til hefðar forritara við villuleit, notuð sparlega.
Hún nær yfir sex hönnunarreglur, þrjú fjárhagsstig (allt frá léttum lausnum upp í sérsmíði), leiðbeiningar um efnisval (hafa verður a.m.k. einn vandaðan hlut sem er ekki prentaður), stefnu í lýsingu (umhverfislýsing + litahitastig) og kröfu um að minnsta kosti eina gagnvirka innsetningu á hverjum sýningarbás.
Create Your Own Slides
Turn your ideas into professional presentations in seconds with 2slides AI.
Sæktu innblástur í faglega hönnun, veldu þinn stíl og búðu til glærur með fullkominni textabirtingu. Knúið af Nano Banana—byrjaðu að búa til kynninguna þína núna.
Þinn AI-þjónn fyrir glærur. Sparaðu tíma, skín hraðar með snjallri kynningargerð.
© 2026 2slides. Allur réttur áskilinn.