GitHub 2026 brändijuhend — terviklik visuaalse identiteedi süsteem, mis hõlmab brändi omadusi, logosid, alambrändingut, illustratsioone, värve, maskotte, ikoone, tüpograafiat ja kogemusdisaini
Kasutab selle esitluse kaanepilti stiilieeskujuna slaididele, mis luuakse sinu enda sisust. Või vali allpool mõni leht ja kasuta selle paigutust eeskujuna.
Kiirnavigatsioon
Sildid
Jaga slaide
GitHub 2026 brändijuhend — terviklik visuaalse identiteedi süsteem, mis hõlmab brändi omadusi, logosid, alambrändingut, illustratsioone, värve, maskotte, ikoone, tüpograafiat ja kogemusdisaini
Iga slaidilehe üksikasjalik vaade, sealhulgas paigutus, põhisisu ja visuaalsed elemendid.
Esileht GitHubi logoga, pealkiri „2026 Brand Guidelines“, 3D-isomeetrilised rohelised kuubikud tooteikoonidega ja Mona maskott
Hele gradienttaust, vasakul suur must tüpograafia, paremal 3D-illustratsioon
Neli jaotist: Brändi visuaalne strateegia, visuaalid ja illustratsioonid, graafilised elemendid, üritused ja kogemusdisain
Tume taust nelja kvadrandiga, mis on eraldatud roheliste joontega
Jaotise pealkiri: Brändi omadused
Täielikult tume taust, all vasakul suur valge tekst
Viis brändi omadust koos ikoonidega: Nerdy (nohiklik), Confident (enesekindel), Authentic (autentne), Imaginative (kujutlusvõimeline), Empathetic (empaatiline)
Jaotatud: sissejuhatav tekst vasakul, viis omaduste rida paremal tumedal taustal
Kuidas omadused rakenduvad: GitHub Universe, Copilot, Shop ja Enterprise kontekstides
Neli fotokaarti koos omaduste siltide ja kirjeldustega
Omadus Nerdy: kirglik, konstrueeritud, tehniline koos näidetega
Omaduse definitsioon üleval vasakul, neli fotonäidet üle kogu laiuse
Tekst: täpne, tehniline. Disain: monospace-fondid, ruudustikud. Kogemused: sügav sisu, töötoad
Jaotatud: omaduse sissejuhatus vasakul, kolm juhiste sektsiooni paremal
Omadus Confident: ambitsioonikas, usaldusväärne, intelligentne koos näidetega
Omaduse definitsioon üleval vasakul, viis foto/illustratsiooni näidet
Tekst: selge, autoriteetne. Disain: värviline, silmapaistev. Kogemused: lubaduste täitmine
Jaotatud: omaduse sissejuhatus vasakul, kolm juhiste sektsiooni paremal
Omadus Authentic: usaldusväärne, elav, ere koos näidetega
Omaduse definitsioon üleval vasakul, viis fotonäidet
Tekst: vestluslik, lihtne. Disain: puhas, väljendusrikas. Kogemused: suhtluse soodustamine
Jaotatud: omaduse sissejuhatus vasakul, kolm juhiste sektsiooni paremal
Omadus Imaginative: mänguline, transformatiivne, kohanduv koos näidetega
Omaduse definitsioon üleval vasakul, kolm suurt fotot
Tekst: inspireeriv. Disain: tavade murdmine. Kogemused: ruumide transformeerimine
Jaotatud: omaduse sissejuhatus vasakul, kolm juhiste sektsiooni paremal
Omadus Empathetic: ligipääsetav, seotud, pragmaatiline koos näidetega
Omaduse definitsioon üleval vasakul, fotod ja värvinäidised
Tekst: ligipääsetavus ennekõike. Disain: kontrast, kontekst. Kogemused: selge viidastamine, mitmekesised esinejad
Jaotatud: omaduse sissejuhatus vasakul, kolm juhiste sektsiooni paremal
Sektsiooni pealkiri: Logo
Täielikult tume taust suure valge tekstiga all vasakul, lk 15
Peamine logo on Invertocat (kass-kaheksajalg Mona). 25% vaba ruumi reeglid
Jaotatud: kirjeldus vasakul koos vahekauguste skeemiga, suur Invertocati märk paremal
GitHubi täielik logo (Invertocat + tekstilogo) väliseks kasutuseks. 50% kõrgusest vaba ruumi
Kirjeldus vasakul, suur GitHubi tekstilogo kombinatsioon keskel
Logo paigutus: silmapaistev, kuid mitte domineeriv. Täielik logotüüp, eraldiseisev Invertocat, nurgapaigutus
Kolm paigutusnäidet koos ruudustiku kihtidega
Logo värvivariandid heledal (Light), helehallil (Light Grey) ja tumedal (Dark) teemal koos primaarsete, sekundaarsete ja aktsentvärvidega
Kolmerealine ruudustik, mis näitab üheksat logo värvivarianti
Keelatud: kärpimine, katted, värviline logo, proportsioonide muutmine, efektid, pööramine
Kuus keelatud näidet koos punaste keelumärkidega
Tunnuslause kasutus: eraldiseisvana ja koos Invertocati märgiga. Ainult strateegiline paigutus
Kirjeldus vasakul, mitu tunnuslause paigutusvarianti paremal
Sektsiooni pealkiri: Alambränding
Täielikult tume taust suure valge tekstiga all vasakul, lk 23
Brändimärkide hierarhia: GitHubi logotüüp (vaikimisi), alambrändide kombinatsioonid, tooteikoonid platvormisiseseks kasutuseks
Kirjeldus vasakul, brändimärk, kombinatsioonid (Advanced Security, Copilot, Actions), tooteikoonide ruudustik paremal
Kombinatsioonide paindlikkus: ainult Invertocat, alambrändi kombinatsioon, laiendatud kombinatsioon vastavalt kontekstile
Kolmeveeruline võrdlus koos toote kasutajaliidese näidetega
Kontsentriline hierarhia: GitHub Core, alambrändid, üritused. Kõik toodete kombinatsioonide variandid on näidatud
Venni diagramm vasakul, neljaveeruline kombinatsioonide süsteem paremal
Alambrändi kombinatsioon (Mona Sans Display Medium) ja laiendatud kombinatsioonide variandid kõigile toodetele
Kahetasemeline paigutus, mis näitab Security, Copilot, Spark, Enterprise, Actions ja Issues kombinatsioone
Otsustuspuu: üritus? toode GitHubi sees? eraldiseisev Copilot/Security? tooteturundus?
Vertikaalne vooskeem JAH/EI harudega
Copiloti sektsiooni avaleht 3D-isomeetriliste roheliste kuubikute ja Copiloti maskotiga
Suur Copiloti pealkiri koos täislaiuses 3D-isomeetrilise illustratsiooniga, lk 30
Copilot Purple (#8534F3), toote kombinatsioon, ikooni variandid, 3D-maskoti illustratsioon
Kirjeldus ja värvinäidis vasakul, kombinatsioon/ikoon/illustratsioon paremal, lk 32
Lilla rastertekstuur (dithering), põhiteema varulahendus, 80/10/5/5 värvisuhe
Mitme näitega paigutus, mis näitab rastrit, põhiteemat ja brändinguta lähenemisi, lk 33
Rahulik (raster + ekraanitõmmised) vs jõuline (põhiillustratsioonid) stiil lansseeringute jaoks
Kõrvuti võrdlus, lk 34
Turvalisuse sektsioon 3D isomeetriliste roheliste kuupide ja sinise kilbi ikooniga
Suur Security pealkiri koos 3D-illustratsiooniga, lk 35
Security Blue (#3094FF), toote kombinatsioon, kilbi ikooni variandid, 3D-illustratsioon
Kirjeldus ja sinine värvinäidis vasakul, kombinatsioon/ikoon/illustratsioon paremal, lk 37
Sinine rastertekstuur, põhiteema varulahendus, koodi skaneerimise kasutajaliidese näited
Mitme näitega paigutus, mis näitab sinist rastrit ja brändinguta lähenemisi, lk 38
Sektsiooni pealkiri: Koosbränding
Täielikult tume taust suure valge tekstiga, lk 39
Vaikimisi (ikoonid + eraldaja), vertikaalne ja horisontaalne logoühendus. Võrdne optiline suurus
Kolm logoühenduse varianti Microsoft + GitHub logodega, lk 40
Keelatud: laienduste logoühendused, katted, alambränding, maskotid, kuhjamine, Universe'i logo
Kuus keelatud näidet punaste ikoonidega, lk 41
Kuus koosbrändingu KKK-d: sotsiaalmeedia, partnerlussõnumid, esitlused, tootenimed, maandumislehed, meened
Küsimuste ja vastuste loendi formaat, lk 42
Sektsiooni pealkiri: Illustratsioon
Täielikult tume taust suure valge tekstiga, lk 43
Kolm stiili: põhiillustratsioonid (3D), panuste graafik (loov abstraktsioon), tekstuurid (raster)
Kolm võrdset veergu näidetega, lk 44
Detailsed, 3D, isomeetrilised. Fookuses on panuste graafik koos tooteikoonide, rastri ja maskottidega
Kirjeldus vasakul, suur 3D-illustratsioon paremal, lk 45
Paindlikud kompositsioonid Mona, Duckie ja roheliste kuupidega erinevates seadetes
Kuue illustratsioonivariandiga ruudustik, lk 46
Muudab panuste graafiku kasutajaliidese brändi visuaaliks. Rohelised/hallid/roosad ruudud, maskotid
Terviklik illustratsioon koos selgitustega, lk 47
Keelatud: isoleerimine, taustana kasutamine, üleskaleerimine, rastriga segamine. Lubatud: animeerimine, trükk
Kuus kasutusnäidet koos linnukeste ja keelumärkidega, lk 48
Lihtsamad rastertekstuurid taustade ja pinnamustrite jaoks
Kirjeldus vasakul, kaks rakendusnäidet paremal, lk 49
Kuus rastermustrit: ring, soojuskaart, gradient, poolring, laine, ovaal
Kuus tekstuuri näidet 2x3 ruudustikus, lk 50
Kahetoonilised tekstuurid: julged triaadilised/komplementaarsed paarid pluss monokroomsed valikud
Julged kahetoonilised read üleval, monokroomsed veerud all, lk 51
Sektsiooni pealkiri: Värv
Täielikult tume taust suure valge tekstiga, lk 52
Neutraalne bränd roheliste aktsentidega. Primaarne (neutraalsed + roheline), sekundaarne (6 värviperekonda)
Kirjeldus vasakul, primaarne palett keskel, sekundaarne ruudustik paremal, lk 53
HEX/RGB/CMYK/Spot väärtused: valge, must, hall 0-9, roheline 1-6. 90% neutraalne, 10% roheline
Täielik värvinäidiste ruudustik koos andmetega, lk 54
Teemapaletid: DevX (roheline+roosa), Copilot (lilla), Security (sinine+oranž+laimiroheline)
Suur värviruudustik koos täielike andmetega, lk 55
Kolm teemat: valge, helehall, must. Tekst neutraalsel taustal; värv ikoonidel/illustratsioonidel
Kolm Copiloti koodiagendi näidet erinevatel taustadel, lk 56
Kogu tekst vastab WCAG AA standardile. Primaarne, sekundaarne ja aktsenttekst läbivad AA-testi kõigil taustadel
Kolm ligipääsetavuse paneeli AA-vastavusega, lk 57
Sektsiooni pealkiri: Maskotid
Täielikult tume taust suure valge tekstiga, lk 58
Kolm maskotti: Mona (GitHub), Copilot (AI/innovatsioon), Ducky (arendajad)
Kolm veergu 3D-maskottide renderdustega, lk 59
Peamine brändisaadik. Lilla/roosa palett. Viis vaatenurka
Kirjeldus vasakul, viis 3D-renderdust paremal, lk 60
AI-paariprogrammeerija. Lilla/sinine koos roosaga. Viis vaatenurka
Kirjeldus vasakul, viis 3D-renderdust paremal, lk 61
Kummipardist siluja (debugging) tervitus. Kasutatakse harvemini. Viis vaatenurka
Kirjeldus vasakul, viis 3D-renderdust paremal, lk 62
Lubatud: kogukond, sisekasutus, inspireerimine. Keelatud: logona kasutamine, müügile õhutamine, tõsised teemad
Kolmerealine lubatud/keelatud ruudustik, lk 63
Kasutuselt kõrvaldatud: Octocat 1.0, Octocat 2.0, Monamoji, kontuurstiil
Nelja kvadrandiga ruudustik koos keelumärkidega, lk 64
Sektsiooni pealkiri: Ikoonid
Täielikult tume taust suure valge tekstiga, lk 65
Vaikimisi Octicons (24 px). Spot Octicons (60 px) on suuremad turundusikoonid, mis põhinevad gitline-kujunditel
Octicons-ruudustik all vasakul, Spot Octicons-ruudustik paremal, lk 66
16–30 px Octicons, 31–54 px keelutsoon, 55–96 px turundusikoonid, 128+ px illustratsioonid
Neli suurustaset koos näidetega, lk 67
Täielik 60+ Spot Octicons komplekt, mis on loodud gitline-kujunditest (ajajoon + commit-ring)
Täielik ikoonigalerii ruudustik, lk 68
Ikoonivariandid tumeda, valge, heledama rohelise ja helehalli teema jaoks ning lamedad versioonid
Nelja veeruga teemade võrdlus, lk 69
Kompositsioonide loomine ikoonidega: subjekti ankurdamine, alambrändi värvide lisamine
Kirjeldus vasakul, kaks blogikaardi näidet paremal, lk 70
Jaotise pealkiri: Diagrammid
Täielikult tume taust suure valge tekstiga, lk 71
Täpsed ja informatiivsed. Iga joon ja värvivalik on oluline. Tulpdiagrammid, hajuvusdiagrammid, partnerite ruudustikud
Kirjeldus vasakul, kolm graafiku näidet paremal, lk 72
Spot-ikoonid + tekst mitte-võrdlevate väidete jaoks. Lillat värvi Copiloti teema. Roheline aktsentpiirjoon
Kolm annotatsioonidega statistikakaarti, lk 73
Jaotise pealkiri: Tüpograafia
Täielikult tume taust suure valge tekstiga, lk 74
Põhifont: Mona Sans (Regular + Medium). Kaasfont: Mona Sans Mono koodi ja stiili jaoks
Kirjeldus vasakul, tähestiku näidised all, lk 75
OPSZ telg V2.08+. H0 Display 110/110, Body Large 17/26, Pullquote Mono 58/68
Kirjasuuruste skaala näidised koos suuruse/paksuse spetsifikatsioonidega, lk 76
H0–H6 hierarhia (160 px kuni 19 px). Display Regular suuremate ja Medium väiksemate jaoks
Täielik pealkirjade hierarhia H0–H6 koos tulpdiagrammiga, lk 77
Body XL kuni Footnote. Blockquote Mono 58/68. Caption, Eyebrow ja Footnote stiilid
Täielik põhiteksti näidiste ruudustik, lk 78
Paarid: Eyebrow+Headline, Medium+Medium, Eyebrow Justified, Headline+Body
Kuus näidet fontide paaripanekust, lk 79
Keelatud: muud laiuse stiilid, suurtähtedega mitmerealine mono, ligatuurid, manuaalne tähesamm
Neli keelatud näidet koos võrdlustega, lk 80
Jaotise pealkiri: Paigutus
Täielikult tume taust suure valge tekstiga, lk 81
Range ruudustiku järgimine. Ruudustikud/veerised (punane), proportsioonid (1/3, 1/2, 2/3), aktsentpiirjoon
Ruudustiku kiht Copiloti näitel koos annotatsioonidega, lk 82
Vaikimisi piirjoon 2 px, õrn 2 px, roheline aktsent 4 px. Üks aktsent kompositsiooni kohta
Universe'i osaleja kaart ruudustiku kihiga, lk 83
Sisu koondub servadesse, keskel on suur tühi ala. Jalus/päis mõjuvad ühtselt ja tehniliselt
Kaks paigutusnäidet koos joondamise annotatsioonidega, lk 84
Keelatud: värvide segamine pealkirjades, sisu surumine servade vastu
Kaks keelatud näidet koos võrdlustega, lk 85
Jaotise pealkiri: Elamusdisain
Täielikult tume taust suure valge tekstiga, lk 86
Kuus põhimõtet: bränd esiplaanil, materjalide ausus, interaktiivsus, mugavus, modulaarsus, visionäärilikkus
Sissejuhatav tekst ülal, kuus põhimõttekaarti 2x3 ruudustikus, lk 87
Lubatud: puit/metall, 3D-detailid, LED. Keelatud: lame vinüül, geneeriline mööbel. Nõutav on keskne pilgupüüdja
Lubatud/keelatud nimekiri vasakul, üheksa fotot messiboksidest paremal, lk 88
Igas boksis peab olema vähemalt üks interaktiivne element: täispuhutavad objektid, kleepsud, mängud, demod
Kirjeldus vasakul, kuus fotot interaktiivsetest boksidest paremal, lk 89
Tonaalne üldvalgus visuaalseks eristamiseks. Värvitemperatuur loob meeleolu
Kirjeldus vasakul, neli valgustusfotot paremal, lk 90
Kolm taset: kerge kohalolu, keskmise taseme boks, kohandatud suure mõjuga lahendus
Kolm tasemeveergu koos fotode ja kirjeldustega, lk 91
Kontakt: brand.github.com tööriistakomplekt, brand-marketing-design@github.com
Tume taust koos kontaktandmetega, lk 92
Levinud küsimused selle slaidi ja esitluse sisu kohta.
Tegemist on põhjaliku 89-leheküljelise brändiidentiteedi süsteemiga, mis hõlmab GitHubi 2026. aasta visuaalse identiteedi kõiki aspekte. See on jaotatud nelja suurde ossa: brändi visuaalne strateegia (brändi omadused, logod, alambrändid, koosbränding), visuaalid ja illustratsioonid (illustratsioonisüsteem, värvid, maskotid), graafilised elemendid (ikoonid, diagrammid, tüpograafia, paigutus) ning üritused ja kogemusdisain (messibokside disain, konstruktsioon, interaktiivsed installatsioonid, valgustus).
GitHub defineerib viis brändi omadust: 1) Nerdy (kirega koodile pühendunud, tehniline), 2) Confident (ambitsioonikas, usaldusväärne, intelligentne), 3) Authentic (tõetruu iseenda ja kogukonna vastu), 4) Imaginative (mänguline, transformatiivne, kohanev), 5) Empathetic (ligipääsetav, seotud, pragmaatiline). Iga omaduse juurde kuuluvad juhised tekstiloome (Copy), disaini ja kogemuste kohta.
GitHub kasutab tumedale teemale keskenduvat disainisüsteemi, mille aluseks on Mona Sans kirjatüüpide perekond (sans-serif + monospace). Neutraalne põhipalett toetub hallidele, mustadele ja valgetele toonidele koos roheliste aktsentidega (#0FBF3E) ning tootespetsiifiliste lisapalettidega (lilla Copiloti ja sinine Security jaoks). Visuaalne süsteem sisaldab 3D-isomeetrilisi illustratsioone, panuste graafiku (contribution graph) motiive, punktkoelisi (dithering) tekstuure ja kolme 3D-maskotti (Mona, Copilot, Duckie).
GitHub kasutab astmelist logohierarhiat: ainult Invertocat, kui kontekst on selge; alambrändi logod (Invertocat + toote nimi) eraldiseisva turunduse jaoks; ning laiendatud logod (Invertocat + GitHub + toote nimi), kui sihtrühm ei pruugi GitHubi tunda. Copilotil on oma lilla teema (#8534F3) ja Securityl sinine (#3094FF). Logovalikut suunab otsustuspuu vooskeem.
Kasutusel on Mona Sans koos optilise suuruse määramisega (OPSZ V2.08+). Pealkirjades kasutatakse stiile Display Regular (H0 suurusel 110px) ja Medium (H3-H6). Põhitekstis kasutatakse stiile Regular (peamine 15/25) ja Medium (suur 17/26). Koodi, tsitaatide ja lehekülje päiste (eyebrows) ja joonealuste märkuste jaoks on Mona Sans Mono. Ligatuurid peavad olema väljas ning käsitsi tähevahede (tracking) muutmine on keelatud, eelistades OPSZ-i.
Kasutusel on kolm stiili: 1) Põhiillustratsioonid – detailsed 3D-isomeetrilised stseenid roheliste kuubikute, tooteikoonide ja maskottidega oluliste brändihetkede jaoks. 2) Panuste graafik (contribution graph) – GitHubi profiiliruudustiku loominguline abstraktsioon roheliste, hallide ja roosade ruutudega. 3) Tekstuurid – punktkoelised (dithering) mustrid (ring, soojuskaart, gradient, laine jne) erinevates värvikombinatsioonides.
Mona – roosa/lilla Octocat (osalt kass, osalt kaheksajalg), peamine brändisaadik. Copilot – sinine/lilla robotkiiver, mis sümboliseerib AI-d ja innovatsiooni. Duckie – kollane kummipart, mis viitab arendajate silumistraditsioonile (debugging) ja mida kasutatakse säästlikult.
See hõlmab kuut disainiprintsiipi, kolme eelarveastet (kergkonstruktsioonidest eritellimusmööblini), materjalijuhiseid (alati peab olema vähemalt üks trükiväline premium-element), valgustussuundi ning nõuet, et igas boksis peab olema vähemalt üks interaktiivne installatsioon.
Create Your Own Slides
Turn your ideas into professional presentations in seconds with 2slides AI.
Võta eeskuju professionaalsetest disainidest, vali oma stiil ja genereeri slaidid täiusliku tekstirenderdusega. Nano Banana jõul – alusta oma esitluse loomist kohe.
Sinu AI-agent slaidide loomiseks. Säästa aega ja sära kiiremini nutika esitluste loomisega.
© 2026 2slides. Kõik õigused kaitstud.