2Slides Logo
Preview

GitHub 2026 Οδηγίες Επωνυμίας

89 διαφάνειες

GitHub 2026 Οδηγίες Επωνυμίας - Ολοκληρωμένο σύστημα οπτικής ταυτότητας που καλύπτει τα χαρακτηριστικά επωνυμίας, τα λογότυπα, την υπο-επωνυμία, τη συν-επωνυμία, την εικονογράφηση, το χρώμα, τις μασκότ, τα εικονίδια, τα διαγράμματα, την τυπογραφία, τη διάταξη και τη βιωματική σχεδίαση

10 μου αρέσει
0 λήψεις

Γρήγορη Πλοήγηση

Ετικέτες

Οδηγίες επωνυμίας
GitHub
Design system
Οπτική ταυτότητα
Tech brand

Κοινοποίηση διαφανειών

Περιγραφή

Κύριο Θέμα

GitHub 2026 Οδηγίες Επωνυμίας - Ολοκληρωμένο σύστημα οπτικής ταυτότητας που καλύπτει τα χαρακτηριστικά επωνυμίας, τα λογότυπα, την υπο-επωνυμία, τη συν-επωνυμία, την εικονογράφηση, το χρώμα, τις μασκότ, τα εικονίδια, τα διαγράμματα, την τυπογραφία, τη διάταξη και τη βιωματική σχεδίαση

Κύρια Οφέλη

  • Ολοκληρωμένο σύστημα ταυτότητας επωνυμίας 89 σελίδων από μία από τις πιο αναγνωρισμένες πλατφόρμες προγραμματιστών στον κόσμο
  • Τέσσερις κύριες ενότητες: Οπτική Στρατηγική Επωνυμίας, Οπτικά Στοιχεία & Εικονογράφηση, Γραφικές Συσκευές και Εκδηλώσεις & Βιωματικότητα
  • Λεπτομερής αρχιτεκτονική υπο-επωνυμίας για Copilot, Security, Actions, Spark και άλλα προϊόντα
  • Πλούσιο σύστημα τρισδιάστατης εικονογράφησης με ισομετρικούς πράσινους κύβους, μοτίβα γραφήματος συνεισφοράς και υφές διασποράς
  • Τρεις αγαπημένοι χαρακτήρες μασκότ (Mona, Copilot, Duckie) με λεπτομερείς οδηγίες χρήσης και τρισδιάστατες αποδόσεις

Στόχος Κοινό

  • Σχεδιαστές επωνυμίας και δημιουργικοί διευθυντές σε εταιρείες τεχνολογίας
  • Αρχιτέκτονες συστημάτων σχεδίασης που δημιουργούν επεκτάσιμα πλαίσια ταυτότητας επωνυμίας
  • Ομάδες μάρκετινγκ που δημιουργούν εμπειρίες επωνυμίας με επίκεντρο τους προγραμματιστές
  • Σχεδιαστές εκδηλώσεων που σχεδιάζουν περίπτερα συνεδρίων και βιωματικές ενεργοποιήσεις
  • Φοιτητές σχεδίασης που μελετούν τεκμηρίωση οδηγιών επωνυμίας παγκόσμιας κλάσης

Περιπτώσεις Χρήσης

  • Πρότυπο οδηγιών επωνυμίας και δομική αναφορά για εταιρείες τεχνολογίας
  • Βέλτιστες πρακτικές τεκμηρίωσης συστήματος σχεδίασης
  • Αναφορά στρατηγικής υπο-επωνυμίας και αρχιτεκτονικής προϊόντων
  • Έμπνευση σχεδίασης εκδηλώσεων και εμπειριών για συνέδρια προγραμματιστών
  • Αναφορά προδιαγραφών τυπογραφίας, χρωματικού συστήματος και βιβλιοθήκης εικονιδίων

Μοναδικές Προτάσεις Αξίας

  • Masterclass στην εξισορρόπηση της κουλτούρας των nerdy προγραμματιστών με την σίγουρη εταιρική επωνυμία
  • Πέντε χαρακτηριστικά επωνυμίας (Nerdy, Confident, Authentic, Imaginative, Empathetic), το καθένα με οδηγίες Copy, Design και Experience
  • Καινοτόμο σύστημα εικονογράφησης γραφήματος συνεισφοράς που μετατρέπει ένα στοιχείο UI σε μια πλήρη οπτική γλώσσα επωνυμίας
  • Ολοκληρωμένο δέντρο αποφάσεων ιεραρχίας σημάτων για την επιλογή μεταξύ σήματος επωνυμίας, κλειδώματος υπο-επωνυμίας, εικονιδίου προϊόντος και εκτεταμένου κλειδώματος
  • Λεπτομερής ενότητα βιωματικής σχεδίασης με επίπεδα περιπτέρων, φωτισμό, υλικά και διαδραστικές οδηγίες εγκατάστασης

Σελίδες Διαφανειών (89)

Λεπτομερής προβολή κάθε σελίδας διαφάνειας, συμπεριλαμβανομένης της διάταξης, βασικού περιεχομένου και οπτικών στοιχείων.

Σελίδα 1
title slide

Εξώφυλλο - Οδηγίες Επωνυμίας 2026

Περιεχόμενο

Εξώφυλλο με το λογότυπο GitHub, τίτλος 2026 Brand Guidelines, 3D ισομετρικοί πράσινοι κύβοι με εικονίδια προϊόντων και μασκότ Mona

Δομή Διάταξης

Ανοιχτόχρωμο gradient φόντο με μεγάλη μαύρη τυπογραφία αριστερά, 3D απεικόνιση δεξιά

Κύρια Οπτικά Στοιχεία

  • 3D ισομετρικοί πράσινοι κύβοι
  • Μασκότ Mona
  • εικονίδια προϊόντων
  • Λογότυπο GitHub Invertocat
Σελίδα 2
table of contents

Πίνακας Περιεχομένων

Περιεχόμενο

Τέσσερις ενότητες: Brand Visual Strategy, Visuals and Illustration, Graphic Devices, Events and Experiential

Δομή Διάταξης

Σκούρο φόντο με τέσσερα τεταρτημόρια που χωρίζονται από πράσινες γραμμές

Κύρια Οπτικά Στοιχεία

  • σκούρο πράσινο φόντο
  • πράσινες γραμμές έμφασης
  • τυπογραφία monospace
Σελίδα 3
section divider

Χαρακτηριστικά Επωνυμίας - Διαχωριστικό Ενότητας

Περιεχόμενο

Τίτλος ενότητας: Brand Attributes

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο κάτω αριστερά

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθης λευκή τυπογραφία
Σελίδα 4
brand attributes

Επισκόπηση Χαρακτηριστικών Επωνυμίας

Περιεχόμενο

Πέντε χαρακτηριστικά της επωνυμίας με εικονίδια: Nerdy, Confident, Authentic, Imaginative, Empathetic

Δομή Διάταξης

Split: εισαγωγικό κείμενο αριστερά, πέντε σειρές χαρακτηριστικών δεξιά σε σκούρο φόντο

Κύρια Οπτικά Στοιχεία

  • πέντε προσαρμοσμένα εικονίδια χαρακτηριστικών
  • σκούρο φόντο
  • πράσινη γραμμή έμφασης
Σελίδα 5
brand attributes

Εφαρμογή Χαρακτηριστικών Επωνυμίας

Περιεχόμενο

Πώς εφαρμόζονται τα χαρακτηριστικά: GitHub Universe, Copilot, Shop, Enterprise contexts

Δομή Διάταξης

Τέσσερις φωτογραφικές κάρτες με ετικέτες χαρακτηριστικών και περιγραφές

Κύρια Οπτικά Στοιχεία

  • Φωτογραφία εκδήλωσης Universe
  • Copilot UI
  • Εμπορεύματα Shop
  • Enterprise visual
Σελίδα 6
brand attributes

Nerdy - Οπτικά Παραδείγματα

Περιεχόμενο

Nerdy χαρακτηριστικό: παθιασμένο, κατασκευασμένο, τεχνικό με παραδείγματα

Δομή Διάταξης

Ορισμός χαρακτηριστικού πάνω αριστερά, τέσσερα παραδείγματα φωτογραφιών που εκτείνονται σε όλο το πλάτος

Κύρια Οπτικά Στοιχεία

  • Nerdy εικονίδιο
  • custom keycaps
  • ASCII art
  • space illustration
  • CEO badge
Σελίδα 7
brand guidelines

Nerdy - Οδηγίες Εφαρμογής

Περιεχόμενο

Copy: ακριβές, τεχνικό. Design: monospace, πλέγματα. Experiences: βαθύ περιεχόμενο, εργαστήρια

Δομή Διάταξης

Διαχωρισμός: εισαγωγή χαρακτηριστικού αριστερά, τρεις ενότητες οδηγιών δεξιά

Κύρια Οπτικά Στοιχεία

  • monospace επικεφαλίδες ενότητας
  • Copy/Design/Experiences κατηγορίες
Σελίδα 8
brand attributes

Confident - Οπτικά Παραδείγματα

Περιεχόμενο

Confident χαρακτηριστικό: φιλόδοξο, αξιόπιστο, έξυπνο με παραδείγματα

Δομή Διάταξης

Ορισμός χαρακτηριστικού πάνω αριστερά, πέντε παραδείγματα φωτογραφιών/εικονογραφήσεων

Κύρια Οπτικά Στοιχεία

  • keynote stage photo
  • Issues UI
  • Universe booth
  • 3D mascots
Σελίδα 9
brand guidelines

Confident - Οδηγίες Εφαρμογής

Περιεχόμενο

Copy: σαφές, έγκυρο. Design: πολύχρωμο, εντυπωσιακό. Experiences: εκπλήρωση υποσχέσεων

Δομή Διάταξης

Διαχωρισμός: εισαγωγή χαρακτηριστικού αριστερά, τρεις ενότητες οδηγιών δεξιά

Κύρια Οπτικά Στοιχεία

  • καθαρή διάταξη κειμένου
  • monospace headers
Σελίδα 10
brand attributes

Authentic - Οπτικά Παραδείγματα

Περιεχόμενο

Authentic χαρακτηριστικό: αξιόπιστο, ζωντανό, φωτεινό με παραδείγματα

Δομή Διάταξης

Ορισμός χαρακτηριστικού πάνω αριστερά, πέντε παραδείγματα φωτογραφιών

Κύρια Οπτικά Στοιχεία

  • GitHub profile screenshot
  • sticker bomb
  • pixel art
  • neon UI
Σελίδα 11
brand guidelines

Authentic - Οδηγίες Εφαρμογής

Περιεχόμενο

Κείμενο: ομιλητικό, απλό. Σχεδιασμός: καθαρός, εκφραστικός. Εμπειρίες: ενθαρρύνουν την αλληλεπίδραση

Δομή Διάταξης

Διαχωρισμός: εισαγωγή χαρακτηριστικού αριστερά, τρεις ενότητες οδηγιών δεξιά

Κύρια Οπτικά Στοιχεία

  • καθαρή διάταξη κειμένου
Σελίδα 12
brand attributes

Imaginative - Οπτικά Παραδείγματα

Περιεχόμενο

Ευφάνταστο χαρακτηριστικό: παιχνιδιάρικο, μεταμορφωτικό, προσαρμόσιμο με παραδείγματα

Δομή Διάταξης

Ορισμός χαρακτηριστικού πάνω αριστερά, τρεις μεγάλες φωτογραφίες

Κύρια Οπτικά Στοιχεία

  • Εικονογράφηση Mona
  • 3D τέχνη έκρηξης
  • Είσοδος Universe Central
Σελίδα 13
brand guidelines

Imaginative - Οδηγίες Εφαρμογής

Περιεχόμενο

Κείμενο: φιλόδοξο. Σχεδιασμός: παραβίαση συμβάσεων. Εμπειρίες: μεταμορφώνουν χώρους

Δομή Διάταξης

Διαχωρισμός: εισαγωγή χαρακτηριστικού αριστερά, τρεις ενότητες οδηγιών δεξιά

Κύρια Οπτικά Στοιχεία

  • καθαρή διάταξη κειμένου
Σελίδα 14
brand attributes

Empathetic - Οπτικά Παραδείγματα

Περιεχόμενο

Ενσυναισθηματικό χαρακτηριστικό: προσβάσιμο, διασυνδεδεμένο, πραγματιστικό με παραδείγματα

Δομή Διάταξης

Ορισμός χαρακτηριστικού πάνω αριστερά, φωτογραφίες και χρωματικές παλέτες

Κύρια Οπτικά Στοιχεία

  • πράσινες/κόκκινες χρωματικές κλίμακες
  • φωτογραφία ποικιλόμορφης ομάδας
  • Αψίδα εκδήλωσης RKO 26
Σελίδα 15
brand guidelines

Empathetic - Οδηγίες Εφαρμογής

Περιεχόμενο

Κείμενο: η προσβασιμότητα πρώτα. Σχεδιασμός: αντίθεση, πλαίσιο. Εμπειρίες: σαφής σήμανση, ποικίλοι ομιλητές

Δομή Διάταξης

Διαχωρισμός: εισαγωγή χαρακτηριστικού αριστερά, τρεις ενότητες οδηγιών δεξιά

Κύρια Οπτικά Στοιχεία

  • καθαρή διάταξη κειμένου
Σελίδα 16
section divider

Logo - Section Divider

Περιεχόμενο

Τίτλος ενότητας: Λογότυπο

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο κάτω αριστερά, ΣΕΛ 15

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθης λευκός κείμενο λογότυπου
Σελίδα 17
logo specification

Logo - Invertocat Overview

Περιεχόμενο

Το κύριο λογότυπο είναι το Invertocat (Mona the Octocat). Κανόνες 25% καθαρού χώρου

Δομή Διάταξης

Διαχωρισμός: περιγραφή αριστερά με διάγραμμα απόστασης, μεγάλο σήμα Invertocat δεξιά

Κύρια Οπτικά Στοιχεία

  • μεγάλο σήμα Invertocat
  • διάγραμμα απόστασης 1.0X/0.25X
Σελίδα 18
logo specification

Logo - Wordmark Lockup

Περιεχόμενο

Πλήρες λογότυπο GitHub (Invertocat + wordmark) για εξωτερική χρήση. 50% ύψος καθαρού χώρου

Δομή Διάταξης

Περιγραφή αριστερά, μεγάλη σύνθεση wordmark GitHub στο κέντρο

Κύρια Οπτικά Στοιχεία

  • σύνθεση wordmark GitHub
  • διάγραμμα καθαρού χώρου
Σελίδα 19
logo specification

Logo - Placement

Περιεχόμενο

Τοποθέτηση λογότυπου: εμφανής αλλά όχι κυρίαρχη. Πλήρες λογότυπο, solo Invertocat, τοποθέτηση στη γωνία

Δομή Διάταξης

Τρία παραδείγματα τοποθέτησης με επικαλύψεις πλέγματος

Κύρια Οπτικά Στοιχεία

  • τρία παραδείγματα επικάλυψης πλέγματος
  • πράσινες/κίτρινες γραμμές οδηγού
Σελίδα 20
logo specification

Logo - Color

Περιεχόμενο

Παραλλαγές χρωμάτων λογότυπου σε Light, Light Grey, Dark θέματα με κύρια/δευτερεύοντα/τονισμένα χρώματα

Δομή Διάταξης

Πλέγμα τριών σειρών που δείχνει εννέα παραλλαγές χρωμάτων λογότυπου

Κύρια Οπτικά Στοιχεία

  • εννέα παραλλαγές λογότυπου
  • τρία θέματα φόντου
  • πράσινος τόνος
Σελίδα 21
logo specification

Logo - Unsuccessful Examples

Περιεχόμενο

Απαγορεύσεις: περικοπή, επικάλυψη, έγχρωμο λογότυπο, αλλοιωμένες αναλογίες, εφέ, περιστροφή

Δομή Διάταξης

Έξι απαγορευτικά παραδείγματα με κόκκινα εικονίδια απαγόρευσης

Κύρια Οπτικά Στοιχεία

  • έξι κόκκινα απαγορευτικά παραδείγματα
Σελίδα 22
brand guidelines

Brand Tagline - Let's build <3

Περιεχόμενο

Χρήση tagline: αυτόνομο και με Invertocat lockup. Μόνο στρατηγική τοποθέτηση

Δομή Διάταξης

Περιγραφή αριστερά, πολλαπλές παραλλαγές διάταξης tagline δεξιά

Κύρια Οπτικά Στοιχεία

  • Let's build <3 παραλλαγές
  • πράσινο σύμβολο καρδιάς
Σελίδα 23
section divider

Sub-branding - Section Divider

Περιεχόμενο

Επικεφαλίδα ενότητας: Sub-branding

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο κάτω αριστερά, PG 23

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 24
brand architecture

Sub-branding - Brand Mark and Product Icons

Περιεχόμενο

Ιεραρχία σημάτων επωνυμίας: GitHub logotype (προεπιλογή), sub-brand lockups, εικονίδια προϊόντων για εντός πλατφόρμας

Δομή Διάταξης

Περιγραφή αριστερά, σήμα επωνυμίας, lockups (Advanced Security, Copilot, Actions), πλέγμα εικονιδίων προϊόντων δεξιά

Κύρια Οπτικά Στοιχεία

  • GitHub brand mark
  • sub-brand lockups
  • εννέα εικονίδια προϊόντων
Σελίδα 25
brand architecture

Sub-branding - Context-Dependent Lockups

Περιεχόμενο

Ευελιξία Lockup: Invertocat μόνο, sub-brand lockup, expanded lockup με βάση το περιεχόμενο

Δομή Διάταξης

Σύγκριση τριών στηλών με παραδείγματα UI προϊόντων

Κύρια Οπτικά Στοιχεία

  • τρεις βαθμίδες lockup
  • Copilot coding agent
  • Push Protection
Σελίδα 26
brand architecture

Sub-branding - Mark Hierarchy

Περιεχόμενο

Ομόκεντρη ιεραρχία: GitHub Core, Sub-Brands, Events. Εμφανίζονται όλες οι παραλλαγές product lockup

Δομή Διάταξης

Διάγραμμα Venn αριστερά, σύστημα lockup τεσσάρων στηλών δεξιά

Κύρια Οπτικά Στοιχεία

  • ομόκεντρο διάγραμμα δακτυλίων
  • πλήρης λίστα product lockup
Σελίδα 27
brand architecture

Sub-branding - Product Layer

Περιεχόμενο

Sub-brand lockup (Mona Sans Display Medium) και expanded lockup παραλλαγές για όλα τα προϊόντα

Δομή Διάταξης

Διάταξη δύο επιπέδων που δείχνει lockups για Security, Copilot, Spark, Enterprise, Actions, Issues

Κύρια Οπτικά Στοιχεία

  • sub-brand και expanded lockups
  • παράδειγμα πλοήγησης
Σελίδα 28
decision tree

Sub-branding - How to Choose a Mark

Περιεχόμενο

Δέντρο αποφάσεων: event; προϊόν εντός GitHub; αυτόνομο Copilot/Security; product marketing;

Δομή Διάταξης

Κάθετο διάγραμμα ροής με κλαδιά YES/NO

Κύρια Οπτικά Στοιχεία

  • πράσινα βέλη YES
  • πέντε αποτελέσματα απόφασης
Σελίδα 29
product branding

Sub-branding - Copilot Hero

Περιεχόμενο

Copilot section hero με 3D ισομετρικούς πράσινους κύβους και Copilot mascot

Δομή Διάταξης

Μεγάλος τίτλος Copilot με 3D ισομετρική απεικόνιση πλήρους πλάτους, PG 30

Κύρια Οπτικά Στοιχεία

  • 3D ισομετρικοί κύβοι
  • Copilot mascot
  • εικονίδια προϊόντων
Σελίδα 30
product branding

Sub-branding - Copilot Identity

Περιεχόμενο

Copilot Purple (#8534F3), product lockup, παραλλαγές εικονιδίων, 3D απεικόνιση mascot

Δομή Διάταξης

Περιγραφή και δείγμα χρώματος αριστερά, lockup/εικονίδιο/απεικόνιση δεξιά, PG 32

Κύρια Οπτικά Στοιχεία

  • Copilot Purple swatch
  • 3D Copilot mascot σε πράσινους κύβους
Σελίδα 31
product branding

Sub-branding - Copilot Color Theme

Περιεχόμενο

Μωβ υφή διασποράς, εναλλακτική βασικού θέματος, αναλογία χρωμάτων 80/10/5/5

Δομή Διάταξης

Διάταξη πολλαπλών παραδειγμάτων που δείχνει διασπορά, βασικό θέμα, προσεγγίσεις χωρίς branding, ΣΕΛ 33

Κύρια Οπτικά Στοιχεία

  • μωβ υφή διασποράς
  • ποσοστά αναλογίας χρωμάτων
Σελίδα 32
product branding

Sub-branding - Product Launches

Περιεχόμενο

Σταθερό περιβάλλον (διασπορά + στιγμιότυπα οθόνης) έναντι έντονου (εικονογραφήσεις key art) για εκκινήσεις

Δομή Διάταξης

Παράθεση πλάι-πλάι, ΣΕΛ 34

Κύρια Οπτικά Στοιχεία

  • Copilot Next Edit Suggestion UI
  • 3D key art
Σελίδα 33
product branding

Sub-branding - Security Hero

Περιεχόμενο

Ενότητα ασφάλειας με 3D ισομετρικούς πράσινους κύβους, μπλε εικονίδιο ασπίδας

Δομή Διάταξης

Μεγάλος τίτλος Ασφάλειας με τρισδιάστατη απεικόνιση, ΣΕΛ 35

Κύρια Οπτικά Στοιχεία

  • 3D μπλε εικονίδιο ασπίδας
  • πράσινοι ισομετρικοί κύβοι
Σελίδα 34
product branding

Sub-branding - Security Identity

Περιεχόμενο

Security Blue (#3094FF), product lockup, παραλλαγές εικονιδίου ασπίδας, 3D απεικόνιση

Δομή Διάταξης

Περιγραφή και μπλε δείγμα χρώματος αριστερά, lockup/εικονίδιο/απεικόνιση δεξιά, ΣΕΛ 37

Κύρια Οπτικά Στοιχεία

  • Security Blue swatch
  • 3D απεικόνιση ασπίδας
Σελίδα 35
product branding

Sub-branding - Security Color Theme

Περιεχόμενο

Μπλε υφή διασποράς, εναλλακτική βασικού θέματος, παραδείγματα UI σάρωσης κώδικα

Δομή Διάταξης

Πολλαπλό παράδειγμα που δείχνει μπλε διασπορά και προσεγγίσεις χωρίς branding, ΣΕΛ 38

Κύρια Οπτικά Στοιχεία

  • μπλε υφή διασποράς
  • CodeQL UI
Σελίδα 36
section divider

Co-branding - Section Divider

Περιεχόμενο

Τίτλος ενότητας: Co-branding

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 39

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 37
co-branding

Co-branding - Microsoft Partnership

Περιεχόμενο

Προεπιλογή (εικονίδια + διαχωριστικό), στοίβαξη, οριζόντια lockups. Ίσο οπτικό μέγεθος

Δομή Διάταξης

Τρεις παραλλαγές lockup με λογότυπα Microsoft + GitHub, ΣΕΛ 40

Κύρια Οπτικά Στοιχεία

  • Microsoft + GitHub lockups
Σελίδα 38
co-branding

Co-branding - Unsuccessful Examples

Περιεχόμενο

Τι να μην κάνετε: extension lockups, επικάλυψη, sub-branding, μασκότ, στοίβαξη, λογότυπο Universe

Δομή Διάταξης

Έξι απαγορευμένα παραδείγματα με κόκκινα εικονίδια, ΣΕΛ 41

Κύρια Οπτικά Στοιχεία

  • έξι κόκκινα παραδείγματα απαγόρευσης
  • Σημείωση WCAG AA
Σελίδα 39
FAQ

Co-branding - FAQ

Περιεχόμενο

Έξι συχνές ερωτήσεις co-branding: social media, γλώσσα συνεργασίας, παρουσιάσεις, ονόματα προϊόντων, σελίδες προορισμού, swag

Δομή Διάταξης

Μορφή λίστας Ε&Α, ΣΕΛ 42

Κύρια Οπτικά Στοιχεία

  • καθαρή διάταξη Ε&Α
Σελίδα 40
section divider

Illustration - Section Divider

Περιεχόμενο

Τίτλος ενότητας: Εικονογράφηση

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 43

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 41
illustration system

Illustration System Overview

Περιεχόμενο

Τρία στυλ: Βασικές εικονογραφήσεις (3D), Γράφημα συνεισφοράς (δημιουργική αφαίρεση), Υφές (bitmap)

Δομή Διάταξης

Τρεις ίσες στήλες με παραδείγματα, ΣΕΛ 44

Κύρια Οπτικά Στοιχεία

  • 3D key art
  • τετράγωνα γραφήματος συνεισφοράς
  • bitmap texture
Σελίδα 42
illustration system

Key Illustrations

Περιεχόμενο

Λεπτομερής, 3D, ισομετρική. Κάντε ήρωα το γράφημα συνεισφοράς με εικονίδια προϊόντων, dithering, μασκότ

Δομή Διάταξης

Περιγραφή αριστερά, μεγάλη 3D εικονογράφηση δεξιά, ΣΕΛ 45

Κύρια Οπτικά Στοιχεία

  • 3D rubber duck
  • ισομετρικοί πράσινοι κύβοι
  • rainbow cube
Σελίδα 43
illustration system

Key Illustration Variations

Περιεχόμενο

Ευέλικτες συνθέσεις με Mona, Duckie, πράσινους κύβους σε διαφορετικές διατάξεις

Δομή Διάταξης

Πλέγμα έξι παραλλαγών εικονογράφησης, ΣΕΛ 46

Κύρια Οπτικά Στοιχεία

  • πολλαπλές πόζες Mona
  • παραλλαγές Duckie
Σελίδα 44
illustration system

Contribution Graph Illustration

Περιεχόμενο

Μετατρέπει το UI του γραφήματος συνεισφοράς σε οπτικό στοιχείο της επωνυμίας. Πράσινα/γκρι/ροζ τετράγωνα, μασκότ

Δομή Διάταξης

Πλήρης εικονογράφηση με σχολιασμούς, ΣΕΛ 47

Κύρια Οπτικά Στοιχεία

  • αναφορά γραφήματος συνεισφοράς
  • παραλλαγές πράσινων τετραγώνων
  • Mona mascot
Σελίδα 45
illustration system

Contribution Graph Usage Rules

Περιεχόμενο

Μην: απομονώνετε, χρησιμοποιείτε ως φόντο, υπερ-μεγεθύνετε, αναμειγνύετε με dither. Να: κάνετε animation, εκτυπώνετε

Δομή Διάταξης

Έξι παραδείγματα χρήσης με σημάδια ελέγχου/απαγορεύσεις, ΣΕΛ 48

Κύρια Οπτικά Στοιχεία

  • απαγορευμένα παραδείγματα
  • Universe t-shirt print
Σελίδα 46
illustration system

Textures - Color Combinations

Περιεχόμενο

Απλούστερες υφές dithering για φόντο και μοτίβα επιφανειών

Δομή Διάταξης

Περιγραφή αριστερά, δύο παραδείγματα εφαρμογής δεξιά, ΣΕΛ 49

Κύρια Οπτικά Στοιχεία

  • dithering πίσω από το UI
  • 3D box mockup
Σελίδα 47
illustration system

Texture Library

Περιεχόμενο

Έξι μοτίβα dithering: Circle, Heatmap, Gradient, Half Circle, Wave, Oval

Δομή Διάταξης

Έξι παραδείγματα υφής σε πλέγμα 2x3, ΣΕΛ 50

Κύρια Οπτικά Στοιχεία

  • έξι μοτίβα dither
Σελίδα 48
illustration system

Texture Color and Contrast

Περιεχόμενο

Δίχρωμες υφές: έντονα τριαδικά/συμπληρωματικά ζεύγη συν μονόχρωμες επιλογές

Δομή Διάταξης

Έντονες δίχρωμες σειρές πάνω, μονόχρωμες στήλες κάτω, ΣΕΛ 51

Κύρια Οπτικά Στοιχεία

  • παραδείγματα χρωματικών ζευγών
  • οκτώ μονόχρωμες επιλογές
Σελίδα 49
section divider

Color - Section Divider

Περιεχόμενο

Επικεφαλίδα ενότητας: Color

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 52

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 50
color system

Color Palette Overview

Περιεχόμενο

Ουδέτερη επωνυμία με πράσινες πινελιές. Primary (ουδέτερα + πράσινο), secondary (6 οικογένειες χρωμάτων)

Δομή Διάταξης

Περιγραφή αριστερά, primary palette κέντρο, secondary grid δεξιά, ΣΕΛ 53

Κύρια Οπτικά Στοιχεία

  • πράσινη διαβάθμιση
  • γκρι διαβάθμιση
  • secondary palette grid
Σελίδα 51
color system

Primary Palette - Full Specification

Περιεχόμενο

HEX/RGB/CMYK/Spot για Λευκό, Μαύρο, Γκρι 0-9, Πράσινο 1-6. 90% ουδέτερο, 10% πράσινο

Δομή Διάταξης

Πλήρες πλέγμα δειγμάτων χρωμάτων με προδιαγραφές, ΣΕΛ 54

Κύρια Οπτικά Στοιχεία

  • δέκα γκρι δείγματα
  • έξι πράσινα δείγματα
  • αναλογία 90/10
Σελίδα 52
color system

Secondary Palette - Full Specification

Περιεχόμενο

Θεματικές παλέτες: DevX (πράσινο+ροζ), Copilot (μωβ), Security (μπλε+πορτοκαλί+λάιμ)

Δομή Διάταξης

Μεγάλο πλέγμα χρωμάτων με πλήρεις προδιαγραφές, ΣΕΛ 55

Κύρια Οπτικά Στοιχεία

  • έξι οικογένειες χρωμάτων x έξι επίπεδα
Σελίδα 53
color system

Text-Based Layout Themes

Περιεχόμενο

Τρία θέματα: Λευκό, Ανοιχτό Γκρι, Μαύρο. Κείμενο σε ουδέτερα χρώματα. χρώμα για εικονίδια/εικόνες

Δομή Διάταξης

Τρία παραδείγματα κωδικοποίησης Copilot σε διαφορετικά φόντα, ΣΕΛ 56

Κύρια Οπτικά Στοιχεία

  • σύγκριση τριών θεμάτων
Σελίδα 54
color system

Accessibility - Color Contrast

Περιεχόμενο

Όλο το κείμενο είναι συμβατό με WCAG AA. Το κύριο, το δευτερεύον και το τονισμένο κείμενο περνούν το AA σε όλα τα φόντα

Δομή Διάταξης

Τρία πάνελ προσβασιμότητας με συμμόρφωση AA, ΣΕΛ 57

Κύρια Οπτικά Στοιχεία

  • σημάδια ελέγχου συμμόρφωσης AA
  • επίδειξη αναλογίας αντίθεσης
Σελίδα 55
section divider

Mascots - Section Divider

Περιεχόμενο

Επικεφαλίδα ενότητας: Μασκότ

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 58

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθης λευκό κείμενο
Σελίδα 56
mascot design

Mascots Overview

Περιεχόμενο

Τρεις μασκότ: Mona (GitHub), Copilot (AI/καινοτομία), Ducky (developers)

Δομή Διάταξης

Τρεις στήλες με 3D αποδόσεις μασκότ, ΣΕΛ 59

Κύρια Οπτικά Στοιχεία

  • 3D Mona
  • 3D κράνος Copilot
  • 3D λαστιχένια πάπια
Σελίδα 57
mascot design

Mona - Character Sheet

Περιεχόμενο

Κύριος πρεσβευτής μάρκας. Μωβ/ροζ παλέτα. Πέντε γωνιακές προβολές

Δομή Διάταξης

Περιγραφή αριστερά, πέντε 3D αποδόσεις δεξιά, ΣΕΛ 60

Κύρια Οπτικά Στοιχεία

  • πέντε γωνιακές προβολές Mona
Σελίδα 58
mascot design

Copilot - Character Sheet

Περιεχόμενο

AI Pair Programmer. Μωβ/μπλε με ροζ. Πέντε γωνιακές προβολές

Δομή Διάταξης

Περιγραφή αριστερά, πέντε 3D αποδόσεις δεξιά, ΣΕΛ 61

Κύρια Οπτικά Στοιχεία

  • πέντε γωνιακές προβολές Copilot
Σελίδα 59
mascot design

Duckie - Character Sheet

Περιεχόμενο

Χαιρετισμός αποσφαλμάτωσης με λαστιχένια πάπια. Χρησιμοποιείται λιγότερο συχνά. Πέντε γωνιακές προβολές

Δομή Διάταξης

Περιγραφή αριστερά, πέντε 3D αποδόσεις δεξιά, ΣΕΛ 62

Κύρια Οπτικά Στοιχεία

  • πέντε γωνιακές προβολές Duckie
Σελίδα 60
mascot design

Mascot Usage Rules

Περιεχόμενο

Να: κοινότητα, εσωτερικά, να εμπνέει. Μην: ως λογότυπα, να σπρώχνει/πουλάει, σοβαρά θέματα

Δομή Διάταξης

Πλέγμα τριών σειρών do/don't, ΣΕΛ 63

Κύρια Οπτικά Στοιχεία

  • πράσινα σημάδια επιλογής
  • κόκκινες απαγορεύσεις
Σελίδα 61
mascot design

Εναλλακτικά Στυλ Μασκότ

Περιεχόμενο

Καταργημένο: Octocat 1.0, Octocat 2.0, Monamoji, Outline style

Δομή Διάταξης

Τετραμερές πλέγμα με εικονίδια απαγόρευσης, PG 64

Κύρια Οπτικά Στοιχεία

  • κλασικό Octocat
  • πλέγμα emoji Monamoji
Σελίδα 62
section divider

Εικονίδια - Διαχωριστικό Ενότητας

Περιεχόμενο

Τίτλος ενότητας: Εικονίδια

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, PG 65

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 63
icon system

Εικονίδια - Octicons και Spot Icons

Περιεχόμενο

Octicons (24px) default. Spot Octicons (60px) μεγαλύτερα εικονίδια marketing από σχήματα gitline

Δομή Διάταξης

Πλέγμα Octicons κάτω αριστερά, πλέγμα Spot Octicons δεξιά, PG 66

Κύρια Οπτικά Στοιχεία

  • ~75 Octicons
  • ~60 Spot Octicons
Σελίδα 64
icon system

Εικονίδια - Οδηγίες Μεγέθους

Περιεχόμενο

Octicons 16-30px, νεκρή ζώνη 31-54px, εικονίδια Marketing 55-96px, εικονογραφήσεις 128px+

Δομή Διάταξης

Τέσσερα επίπεδα μεγέθους με παραδείγματα, PG 67

Κύρια Οπτικά Στοιχεία

  • τέσσερα επίπεδα μεγέθους
  • σημάδια ελέγχου/απαγορεύσεις
Σελίδα 65
icon system

Εικονίδια - Συλλογή Spot Octicons

Περιεχόμενο

Πλήρες σετ 60+ Spot Octicons κατασκευασμένο από σχήματα gitline (χρονολόγιο + κύκλος commit)

Δομή Διάταξης

Πλήρες πλέγμα γκαλερί εικονιδίων, PG 68

Κύρια Οπτικά Στοιχεία

  • 60+ spot icons σε πλέγμα
Σελίδα 66
icon system

Εικονίδια - Παραλλαγές και Στοιχεία

Περιεχόμενο

Παραλλαγές εικονιδίων για σκούρα, λευκά, ανοιχτά πράσινα, ανοιχτά γκρι θέματα συν επίπεδες εκδόσεις

Δομή Διάταξης

Σύγκριση θεμάτων τεσσάρων στηλών, PG 69

Κύρια Οπτικά Στοιχεία

  • παραλλαγές εικονιδίων τεσσάρων θεμάτων
Σελίδα 67
icon system

Εικονίδια - Wondergraph Usage

Περιεχόμενο

Δημιουργία συνθέσεων με εικονίδια: θεμελίωση του θέματος, προσθήκη χρωμάτων δευτερεύουσας επωνυμίας

Δομή Διάταξης

Περιγραφή αριστερά, δύο παραδείγματα καρτών ιστολογίου δεξιά, PG 70

Κύρια Οπτικά Στοιχεία

  • συνθέσεις καρτών ιστολογίου
Σελίδα 68
section divider

Διαγράμματα - Διαχωριστικό Ενότητας

Περιεχόμενο

Τίτλος ενότητας: Διαγράμματα

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, PG 71

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 69
diagram guidelines

Διαγράμματα - Γραφήματα και Διαγράμματα

Περιεχόμενο

Ακριβή, ενημερωτικά. Κάθε γραμμή και επιλογή χρώματος έχει σημασία. Ραβδογράμματα, διαγράμματα διασποράς, πλέγματα συνεργατών

Δομή Διάταξης

Περιγραφή αριστερά, τρία παραδείγματα διαγραμμάτων δεξιά, PG 72

Κύρια Οπτικά Στοιχεία

  • μωβ ραβδογράμματα
  • διάγραμμα διασποράς
  • πλέγμα συνεργατών
Σελίδα 70
diagram guidelines

Διαγράμματα - Infographics

Περιεχόμενο

Spot icons + τύπος για μη συγκριτικούς ισχυρισμούς. Μωβ θέμα για το Copilot. Πράσινο περίγραμμα έμφασης

Δομή Διάταξης

Τρεις κάρτες στατιστικών στοιχείων με σχολιασμούς, PG 73

Κύρια Οπτικά Στοιχεία

  • κάρτες στατιστικών στοιχείων με μωβ θέμα
  • πράσινο περίγραμμα έμφασης
Σελίδα 71
section divider

Τυπογραφία - Διαχωριστικό Ενότητας

Περιεχόμενο

Τίτλος ενότητας: Τυπογραφία

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 74

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 72
typography

Τυπογραφία - Mona Sans

Περιεχόμενο

Κύρια: Mona Sans (Regular + Medium). Συνοδευτική: Mona Sans Mono για κώδικα/στυλ

Δομή Διάταξης

Περιγραφή αριστερά, δείγματα αλφαβήτου κάτω, ΣΕΛ 75

Κύρια Οπτικά Στοιχεία

  • Δείγμα Mona Sans
  • Δείγμα Mona Sans Mono
Σελίδα 73
typography

Τυπογραφία - Κλίμακα Τύπων

Περιεχόμενο

Άξονας OPSZ V2.08+. H0 Display 110/110, Body Large 17/26, Pullquote Mono 58/68

Δομή Διάταξης

Δείγματα κλίμακας τύπου με προδιαγραφές μεγέθους/βάρους, ΣΕΛ 76

Κύρια Οπτικά Στοιχεία

  • Δείγμα H0 display
  • εναλλαγή οπτικού μεγέθους
Σελίδα 74
typography

Τυπογραφία - Επικεφαλίδες

Περιεχόμενο

Ιεραρχία H0-H6 (160px έως 19px). Display Regular για μεγαλύτερα, Medium για μικρότερα

Δομή Διάταξης

Πλήρης ιεραρχία επικεφαλίδων H0-H6 με ραβδόγραμμα, ΣΕΛ 77

Κύρια Οπτικά Στοιχεία

  • επτά δείγματα επικεφαλίδων
  • πράσινο ραβδόγραμμα
Σελίδα 75
typography

Τυπογραφία - Στυλ Κειμένου

Περιεχόμενο

Body XL έως Υποσημείωση. Blockquote Mono 58/68. Στυλ λεζάντας, Eyebrow, Υποσημείωσης

Δομή Διάταξης

Πλήρες πλέγμα δειγμάτων σώματος κειμένου, ΣΕΛ 78

Κύρια Οπτικά Στοιχεία

  • Blockquote monospace
  • ραβδόγραμμα σώματος
Σελίδα 76
typography

Typography - Type Pairing

Περιεχόμενο

Συνδυασμοί: Eyebrow+Headline, Medium+Medium, Eyebrow Στοιχισμένο, Headline+Body

Δομή Διάταξης

Έξι παραδείγματα συνδυασμού τύπων, ΣΕΛ 79

Κύρια Οπτικά Στοιχεία

  • έξι παραδείγματα πλαισίων συνδυασμού
Σελίδα 77
typography

Typography - Unsuccessful Examples

Περιεχόμενο

Τι να μην κάνετε: άλλα στυλ πλάτους, κεφαλαία πολύγραμμη μονογραφική γραμματοσειρά, συμπλέγματα, μη αυτόματη ρύθμιση χαρακτήρων

Δομή Διάταξης

Τέσσερα απαγορευμένα παραδείγματα με συγκρίσεις, ΣΕΛ 80

Κύρια Οπτικά Στοιχεία

  • τέσσερα ζεύγη κόκκινης/πράσινης σύγκρισης
Σελίδα 78
section divider

Layout - Section Divider

Περιεχόμενο

Τίτλος ενότητας: Διάταξη

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 81

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 79
layout system

Layout - Grid System

Περιεχόμενο

Αυστηρή τήρηση πλέγματος. Πλέγματα/περιθώρια (κόκκινο), αναλογίες (1/3, 1/2, 2/3), περιθώριο έμφασης

Δομή Διάταξης

Επικάλυψη πλέγματος σε παράδειγμα Copilot με σχολιασμούς, ΣΕΛ 82

Κύρια Οπτικά Στοιχεία

  • κόκκινη/κίτρινη επικάλυψη πλέγματος
  • πράσινο περιθώριο έμφασης
Σελίδα 80
layout system

Layout - Borders

Περιεχόμενο

Προεπιλεγμένο περίγραμμα 2px, διακριτικό 2px, έμφαση 4px πράσινο. Μία έμφαση ανά σύνθεση

Δομή Διάταξης

Κάρτα συμμετέχοντα στο Universe με επικάλυψη πλέγματος, ΣΕΛ 83

Κύρια Οπτικά Στοιχεία

  • προδιαγραφές περιγράμματος
  • σχολιασμός περιγράμματος έμφασης
Σελίδα 81
layout system

Layout - The Grid in Practice

Περιεχόμενο

Το περιεχόμενο αιωρείται προς τις άκρες, μεγάλο άδειο κέντρο. Το υποσέλιδο/επικεφαλίδα είναι συνεπές και τεχνικό

Δομή Διάταξης

Δύο παραδείγματα διάταξης με σχολιασμούς στοίχισης, ΣΕΛ 84

Κύρια Οπτικά Στοιχεία

  • άπλωμα ebook
  • Απόσπασμα Forrester
Σελίδα 82
layout system

Layout - Unsuccessful Examples

Περιεχόμενο

Τι να μην κάνετε: χρωματικοί συνδυασμοί στους τίτλους, περιεχόμενο που "αγκαλιάζει"

Δομή Διάταξης

Δύο απαγορευμένα παραδείγματα με συγκρίσεις, ΣΕΛ 85

Κύρια Οπτικά Στοιχεία

  • σύγκριση χρωματικών συνδυασμών
  • σύγκριση περιεχομένου που "αγκαλιάζει"
Σελίδα 83
section divider

Experiential - Section Divider

Περιεχόμενο

Τίτλος ενότητας: Βιωματικό

Δομή Διάταξης

Πλήρες σκούρο φόντο με μεγάλο λευκό κείμενο, ΣΕΛ 86

Κύρια Οπτικά Στοιχεία

  • σκούρο φόντο
  • υπερμεγέθες λευκό κείμενο
Σελίδα 84
experiential design

Experiential - Booth Design Principles

Περιεχόμενο

Έξι αρχές: Brand forward, Υλική ειλικρίνεια, Διαδραστικό, Άνετο, Modular, Οραματικό

Δομή Διάταξης

Κείμενο δήλωσης στην κορυφή, έξι κάρτες αρχών σε πλέγμα 2x3, ΣΕΛ 87

Κύρια Οπτικά Στοιχεία

  • έξι προσαρμοσμένα εικονίδια αρχών
Σελίδα 85
experiential design

Experiential - Build and Construction

Περιεχόμενο

Τι να κάνετε: υλικά ξύλου/μετάλλου, 3D λεπτομέρειες, LED. Τι να μην κάνετε: επίπεδο βινύλιο, γενικά έπιπλα. Απαιτείται Hero moment

Δομή Διάταξης

Λίστα Τι να κάνετε/Τι να μην κάνετε αριστερά, εννέα φωτογραφίες περιπτέρου δεξιά, ΣΕΛ 88

Κύρια Οπτικά Στοιχεία

  • εννέα φωτογραφίες αναφοράς περιπτέρου
Σελίδα 86
experiential design

Experiential - Interactive Installation

Περιεχόμενο

Κάθε περίπτερο χρειάζεται τουλάχιστον ένα διαδραστικό στοιχείο: φουσκωτά, αυτοκόλλητα, παιχνίδια, demos

Δομή Διάταξης

Περιγραφή αριστερά, έξι διαδραστικές φωτογραφίες περιπτέρου δεξιά, ΣΕΛ 89

Κύρια Οπτικά Στοιχεία

  • φουσκωτά λουλούδια
  • παιχνίδι με σανίδα με καρφιά
  • AR touchscreen
Σελίδα 87
experiential design

Experiential - Lighting

Περιεχόμενο

Τονικός ατμοσφαιρικός φωτισμός για οπτικό διαχωρισμό. Η θερμοκρασία χρώματος καθορίζει τη διάθεση

Δομή Διάταξης

Περιγραφή αριστερά, τέσσερις φωτογραφίες φωτισμού δεξιά, ΣΕΛ 90

Κύρια Οπτικά Στοιχεία

  • παραδείγματα περιπτέρου νέον
  • οδηγίες θερμοκρασίας χρώματος
Σελίδα 88
experiential design

Experiential - Budget and Constraints

Περιεχόμενο

Τρία επίπεδα: Lightweight Presence, Mid-Tier Booth, Custom High-Impact

Δομή Διάταξης

Τρεις στήλες επιπέδων με φωτογραφίες και περιγραφές, ΣΕΛ 91

Κύρια Οπτικά Στοιχεία

  • τρεις φωτογραφίες αναφοράς επιπέδων
Σελίδα 89
closing slide

Closing - Questions?

Περιεχόμενο

Επικοινωνία: brand.github.com toolkit, brand-marketing-design@github.com

Δομή Διάταξης

Σκούρο φόντο με στοιχεία επικοινωνίας, ΣΕΛ 92

Κύρια Οπτικά Στοιχεία

  • πληροφορίες επικοινωνίας

Συχνές Ερωτήσεις

Συχνές ερωτήσεις σχετικά με αυτή τη διαφάνεια και το βασικό περιεχόμενο παρουσίασης.

Τι είδους έγγραφο είναι οι Οδηγίες Επωνυμίας GitHub 2026;

Αυτό είναι ένα ολοκληρωμένο σύστημα ταυτότητας επωνυμίας 89 σελίδων που καλύπτει όλες τις πτυχές της οπτικής ταυτότητας του GitHub για το 2026. Είναι οργανωμένο σε τέσσερις κύριες ενότητες: Οπτική Στρατηγική Επωνυμίας (χαρακτηριστικά επωνυμίας, λογότυπα, υπο-επωνυμία, συν-επωνυμία), Οπτικά Στοιχεία και Εικονογράφηση (σύστημα εικονογράφησης, χρώμα, μασκότ), Γραφικές Συσκευές (εικονίδια, διαγράμματα, τυπογραφία, διάταξη) και Εκδηλώσεις και Βιωματικότητα (σχεδίαση περιπτέρου, κατασκευή, διαδραστικές εγκαταστάσεις, φωτισμός).

Ποια είναι τα πέντε χαρακτηριστικά επωνυμίας του GitHub;

Το GitHub ορίζει πέντε χαρακτηριστικά επωνυμίας: 1) Nerdy (παθιασμένοι με τον κώδικα, κατασκευασμένοι, τεχνικοί), 2) Confident (φιλόδοξοι, αξιόπιστοι, έξυπνοι), 3) Authentic (πιστοί στον εαυτό τους και στην κοινότητα), 4) Imaginative (παιχνιδιάρικοι, μετασχηματιστικοί, προσαρμόσιμοι), 5) Empathetic (προσιτοί, διασυνδεδεμένοι, πραγματιστές). Κάθε ένα περιλαμβάνει οδηγίες Copy, Design και Experiences.

Τι σύστημα σχεδίασης χρησιμοποιεί αυτή η οδηγία επωνυμίας;

Το GitHub χρησιμοποιεί ένα σύστημα σχεδίασης dark-first με την οικογένεια γραμματοσειρών Mona Sans (sans-serif + monospace), μια ουδέτερη κύρια παλέτα που στηρίζεται σε γκρι/μαύρα/λευκά με πράσινες πινελιές (#0FBF3E) και δευτερεύουσες παλέτες για συγκεκριμένα προϊόντα (μοβ για το Copilot, μπλε για το Security). Το οπτικό σύστημα διαθέτει τρισδιάστατες ισομετρικές εικονογραφήσεις, μοτίβα γραφήματος συνεισφοράς, υφές διασποράς και τρεις τρισδιάστατες μασκότ (Mona, Copilot, Duckie).

Πώς χειρίζεται το GitHub την υπο-επωνυμία για προϊόντα όπως το Copilot;

Το GitHub χρησιμοποιεί μια ιεραρχία σημάτων σε επίπεδα: Invertocat-only όταν το πλαίσιο είναι σαφές, κλειδώματα υπο-επωνυμίας (Invertocat + όνομα προϊόντος) για αυτόνομο μάρκετινγκ και εκτεταμένα κλειδώματα (Invertocat + GitHub + όνομα προϊόντος) όταν το κοινό ενδέχεται να μην γνωρίζει το GitHub. Το Copilot έχει το δικό του μοβ θέμα (#8534F3), το Security έχει μπλε (#3094FF). Ένα διάγραμμα ροής δέντρου αποφάσεων καθοδηγεί την επιλογή κλειδώματος.

Τι σύστημα τυπογραφίας χρησιμοποιεί το GitHub;

Mona Sans με optical sizing (OPSZ V2.08+). Οι επικεφαλίδες χρησιμοποιούν Display Regular (H0 στα 110px) και Medium (H3-H6). Το σώμα χρησιμοποιεί Regular (15/25 main) και Medium (17/26 large). Mona Sans Mono για κώδικα, blockquotes, eyebrows και υποσημειώσεις. Οι συνδέσεις πρέπει να είναι απενεργοποιημένες. η μη αυτόματη παρακολούθηση απαγορεύεται υπέρ του OPSZ.

Τι στυλ εικονογράφησης χρησιμοποιεί το GitHub;

Τρία στυλ: 1) Βασικές εικονογραφήσεις - λεπτομερείς τρισδιάστατες ισομετρικές σκηνές με πράσινους κύβους, εικονίδια προϊόντων και μασκότ για μεγάλες στιγμές επωνυμίας. 2) Γράφημα συνεισφοράς - δημιουργική αφαίρεση του πλέγματος προφίλ GitHub χρησιμοποιώντας πράσινα/γκρι/ροζ τετράγωνα. 3) Υφές - μοτίβα διασποράς bitmap (κύκλος, heatmap, gradient, wave, oval, half circle) σε διάφορους χρωματικούς συνδυασμούς.

Ποιες είναι οι τρεις μασκότ του GitHub;

Mona - ροζ/μοβ Octocat (μισή γάτα, μισό χταπόδι), ο κύριος πρεσβευτής της επωνυμίας. Copilot - μπλε/μοβ ρομποτικό κράνος που αντιπροσωπεύει την AI και την καινοτομία. Duckie - κίτρινο λαστιχένιο παπάκι που χαιρετά την παράδοση εντοπισμού σφαλμάτων προγραμματιστών, χρησιμοποιείται με φειδώ.

Τι κάνει μοναδική την ενότητα βιωματικής σχεδίασης;

Καλύπτει έξι αρχές σχεδίασης, τρία επίπεδα προϋπολογισμού (ελαφριά έως προσαρμοσμένη κατασκευή), καθοδήγηση υλικών (να περιλαμβάνεται πάντα ένα μη τυπωμένο premium στοιχείο), κατεύθυνση φωτισμού (τονικός ατμοσφαιρικός + θερμοκρασία χρώματος) και μια εντολή για τουλάχιστον μία διαδραστική εγκατάσταση σε κάθε περίπτερο.

2slides

Create Your Own Slides

Turn your ideas into professional presentations in seconds with 2slides AI.

Δημιουργήστε Σλάιντ Παγκόσμιας Κλάσης σε Δευτερόλεπτα

Αναφερθείτε σε επαγγελματικές σχεδιάσεις, επιλέξτε το στυλ σας και δημιουργήστε σλάιντ με τέλεια απόδοση κειμένου. Τροφοδοτείται από το Nano Banana—ξεκινήστε να δημιουργείτε την παρουσίασή σας τώρα.

© 2026 2slides. All rights reserved.