מדריך המותג
סמל אחד, ירוק אחד, קול אחד.
מערכת המותג המלאה של Protocore — לוגו, מרווח חופשי, צבע, טיפוגרפיה, טון דיבור ושמות — בעמוד אחד. אפשר לקרוא כאן או להוריד PDF.
מערכת הלוגו
ארבע דרכים להציג את הסמל.
סמל הליבה בעל הפאות הוא הנכס המצויר היחיד. בלוקאפים השם מוצב לצד הסמל או מתחתיו בגופן Roboto Medium — לעולם אל תשרטטו מחדש אף אחד מהם.
לבדו בגדלים קטנים — favicons, אייקוני אפליקציה, ובכל מקום שבו השם לא יישאר קריא.
הסמל מעל השם. למקומות ריבועיים — כרטיסי שיתוף ברשתות, אריחים וחותמות.
מרחב מוגן וגודל
מרווח מסביב, רצפה מתחת.
שני מספרים נוקשים שומרים על קריאות הסמל בכל מקום שבו הוא מופיע.
מרחב מוגן — רוחב סמל אחד בכל ארבעת הצדדים.
- מרחב מוגן
- רוחב הסמל עצמו, בכל ארבעת הצדדים. שום דבר לא נכנס אליו — לא טקסט, לא קווים, לא קצוות עמוד.
- גובה מינימלי · דיגיטלי
- 16 px. מתחת לכך הקריאות נפגעת — משתמשים בסמל לבדו, לעולם לא בלוקאפ.
- גובה מינימלי · הדפסה
- 6 מ״מ.
צבע
חמישה צבעים, תפקידים קפדניים.
כמעט מונוכרומטי כברירת מחדל. הירוק הוא צבע אקסנט, לא ערכת נושא — הוא אף פעם לא ממלא שטחים גדולים.
טקסט על רקע בהיר. משטחים כהים.
רקעים בהירים של עמודים.
כרטיסים על נייר. טקסט על דיו.
הירוק — על משטחים כהים בלבד.
טקסט אקסנט על לבן — קישורים ותוויות.
טיפוגרפיה
Roboto מדבר בשמנו.
שתי משפחות מכסות הכול. בלי גופן שלישי, בלי נטייה להדגשה.
ממשק וכותרות — 400 לגוף הטקסט, 500 לכותרות וללוקאפים, 700 במשורה.
תוויות, אייברואים ומספרים — באותיות רישיות, ברווח אותיות רחב.
תוויות מקטעים מתחילות בשלושה לוכסנים וברווח — ב-Roboto Mono, באותיות רישיות, ברווח אותיות רחב. הלוכסנים הם תווים מוקלדים, לא איור.
קול וטון
לומר פחות, ולעמוד מאחורי זה.
חמישה כללים מכסים כל שורת טקסט של Protocore, מכותרות ועד תוויות כפתורים.
שמות
המוצרים נושאים את שם המשפחה.
תבנית אחת, ללא יוצא מן הכלל.
- אזכור ראשון
- השם המלא — “Protocore Pay”, “Protocore Gateway”. מכאן ואילך, שם המוצר לבדו.
- PDS
- ראשי תיבות של Protocore Design System. בפעם הראשונה כותבים את השם המלא; אחר כך PDS.
- החברה
- Protocore — מילה אחת, P גדולה. לעולם לא ProtoCore, PROTOCORE או Proto Core.
שימוש
כך כן, כך לא.
הכללים מערכת העיתונות, מורחבים לכל המערכת.
- 01השאירו מרווח חופשי השווה לרוחב הסמל מכל צדדיו.
- 02השתמשו בגרסה השחורה על רקע בהיר ובלבנה על רקע כהה.
- 03שמרו את גרסת ההדגשה למשטחי דיו (#0a0a0a).
- 04שנו גודל מקובצי ה-SVG — הסמל נשאר חד בכל גודל.
- 05משתמשים בלוקאפ המוערם כשהמקום ריבועי.
- 06מתחת לגובה של 16 px עוברים לסמל לבדו.
- 01אין לצבוע מחדש את הסמל מעבר לגרסאות שסופקו.
- 02אל תסובבו, אל תוסיפו קו מתאר, צללים או אפקטים אחרים.
- 03אל תשרטטו מחדש את הסמל ואל תשנו את הפרופורציות שלו.
- 04אל תכתבו את השם Protocore בגופן אחר — הלוקאפים משתמשים ב-Roboto Medium.
- 05אין להציב את הירוק על לבן — לטקסט אקסנט שם משתמשים ב-#0e9e6e.
- 06אין להניח את הסמל על צילום או גרדיאנט — רק על דיו או נייר אחידים.
קבצים
קחו את המערכת איתכם.
המדריך כ-PDF, הנכסים בקובץ zip אחד. כל קובץ בנפרד נמצא בעמוד העיתונות.