Οδηγός ταυτότητας
Ένα σήμα, ένα πράσινο, μία φωνή.
Ολόκληρο το σύστημα ταυτότητας της Protocore — λογότυπο, περιθώρια, χρώμα, τυπογραφία, ύφος και ονοματοδοσία — σε μία σελίδα. Διαβάστε το εδώ ή κατεβάστε το PDF.
Σύστημα λογοτύπου
Τέσσερις τρόποι να χρησιμοποιήσετε το σήμα.
Το πολυεδρικό σήμα core είναι το μοναδικό σχεδιασμένο στοιχείο. Τα lockups τοποθετούν το όνομα δίπλα ή κάτω από αυτό σε Roboto Medium — μην ξανασχεδιάσετε κανένα από τα δύο.
Μόνο του σε μικρά μεγέθη — favicons, εικονίδια εφαρμογών και παντού όπου το όνομα δεν θα παρέμενε ευανάγνωστο.
Το σήμα δίπλα στο όνομα. Η προεπιλογή — για κεφαλίδες, έγγραφα και υπογραφές.
Το σήμα πάνω από το όνομα. Για τετράγωνες θέσεις — κάρτες social, πλακίδια και σφραγίδες.
Το σήμα στο κέντρο ενός ομοιόχρωμου πλακιδίου 1024 px. Για εικόνες προφίλ σε κάθε πλατφόρμα.
Ελεύθερος χώρος & μέγεθος
Χώρος γύρω, όριο από κάτω.
Δύο σταθερά μεγέθη κρατούν το σήμαευανάγνωστο παντού.
Ελεύθερος χώρος — ένα πλάτος σήματος και στις τέσσερις πλευρές.
- Ελεύθερος χώρος
- Το πλάτος του ίδιου του σήματος, και στις τέσσερις πλευρές. Τίποτα δεν μπαίνει μέσα του — ούτε κείμενο, ούτε γραμμές, ούτε άκρες σελίδας.
- Ελάχιστο ύψος · ψηφιακό
- 16 px. Κάτω από αυτό χάνεται η ευαναγνωσία — χρησιμοποιήστε μόνο το σήμα, ποτέ lockup.
- Ελάχιστο ύψος · εκτύπωση
- 6 mm.
Χρώμα
Πέντε χρώματα, αυστηροί ρόλοι.
Σχεδόν μονόχρωμο από προεπιλογή. Το πράσινο είναι τόνος έμφασης, όχι θέμα — δεν γεμίζει ποτέ μεγάλες επιφάνειες.
Κείμενο σε ανοιχτό φόντο. Σκούρες επιφάνειες.
Ανοιχτά φόντα σελίδας.
Κάρτες πάνω σε paper. Κείμενο πάνω σε ink.
Το πράσινο — μόνο σε σκούρες επιφάνειες.
Κείμενο έμφασης σε λευκό — συνδέσμοι και ετικέτες.
Τυπογραφία
Η Roboto τα λέει όλα.
Δύο οικογένειες καλύπτουν τα πάντα. Καμία τρίτη γραμματοσειρά, ούτε πλάγια για έμφαση.
UI και επικεφαλίδες — 400 για το κείμενο, 500 για επικεφαλίδες και lockups, 700 με φειδώ.
Ετικέτες, eyebrows και αριθμοί — κεφαλαία, με μεγάλη απόσταση χαρακτήρων.
Οι ετικέτες ενοτήτων ξεκινούν με τρεις κάθετες και ένα κενό — σε Roboto Mono, κεφαλαία, με μεγάλη απόσταση χαρακτήρων. Οι κάθετες είναι πληκτρολογημένοι χαρακτήρες, όχι σχεδιασμένο γραφικό.
Φωνή & ύφος
Λιγότερα λόγια, με νόημα.
Πέντε κανόνες καλύπτουν κάθε γραμμή κειμένου της Protocore, από τους τίτλους ως τα κουμπιά.
Ονοματολογία
Τα προϊόντα φέρουν το όνομα της οικογένειας.
Ένα μοτίβο, χωρίς εξαιρέσεις.
- Πρώτη αναφορά
- Πλήρες όνομα — «Protocore Pay», «Protocore Gateway». Στη συνέχεια, μόνο το όνομα του προϊόντος.
- PDS
- Συντομογραφία του Protocore Design System. Αναπτύξτε την στην πρώτη αναφορά· μετά PDS.
- Η εταιρεία
- Protocore — μία λέξη, κεφαλαίο P. Ποτέ ProtoCore, PROTOCORE ή Proto Core.
Χρήση
Κάντε αυτό, όχι εκείνο.
Οι κανόνες του press kit, επεκτεταμένοι σε ολόκληρο το σύστημα.
- 01Αφήστε περιθώριο ίσο με το πλάτος του σήματος σε όλες τις πλευρές.
- 02Χρησιμοποιήστε τη μαύρη παραλλαγή σε ανοιχτά φόντα και τη λευκή σε σκούρα.
- 03Κρατήστε την παραλλαγή accent για επιφάνειες μελανιού (#0a0a0a).
- 04Κλιμακώστε από τα αρχεία SVG — το σήμα παραμένει καθαρό σε κάθε μέγεθος.
- 05Χρησιμοποιήστε το κάθετο lockup όταν η θέση είναι τετράγωνη.
- 06Περάστε στο σήμα μόνο του κάτω από 16 px ύψος.
- 01Μην αλλάζετε το χρώμα του σήματος πέρα από τις διαθέσιμες παραλλαγές.
- 02Μην περιστρέφετε, μην περιγράφετε με περίγραμμα και μην προσθέτετε σκιές ή άλλα εφέ.
- 03Μην ξανασχεδιάζετε το σήμα και μην αλλάζετε τις αναλογίες του.
- 04Μη γράφετε το όνομα Protocore σε άλλη γραμματοσειρά — τα lockups χρησιμοποιούν Roboto Medium.
- 05Μην βάζετε το πράσινο έμφασης σε λευκό — εκεί χρησιμοποιήστε το #0e9e6e για κείμενο έμφασης.
- 06Μην τοποθετείτε το σήμα σε φωτογραφίες ή gradients — μόνο σε σκέτο ink ή paper.
Αρχεία
Πάρτε το σύστημα μαζί σας.
Ο οδηγός σε PDF, τα assets σε ένα zip. Κάθε επιμέρους αρχείο υπάρχει στη σελίδα Press.