יְסוֹדִי
פלטת הצבעים העיקרית שלנו בונה את עיקר הקריאייטיב שלנו וצריכה לייצג את הגוונים החזקים ביותר בכל פריט.
צבעים
פלטת הצבעים שלנו מושרשת בהיסטוריה שלנו וביסודות המראה שלנו. ניתן להשתמש בה כדי ליצור נוכחות נועזת ובטוחה בעצמנו או להעביר מומחיות ברורה.
פלטת הצבעים שלנו אורגנה כך שתתמוך במגוון רחב של תרחישים חזותיים ומדיום תוך שמירה על עקביות ברורה. יש להימנע מגוונים, שקיפויות או ערכים אטומים של הפלטה. במקום זאת, יש להיצמד לגוונים ספציפיים.
מִשְׁקפֵי שֶׁמֶשׁ
לשם גמישות, 3 פלטות הצבעים העיקריות זמינות בערכי גוונים שונים. אין לצבוע או להוסיף שקיפות, והשתמשו בגוונים כפי שהם.
שחור ולבן
שחור שחור 100
#הקס #000000
CMYK 60 50 40 100
לבן לבן 100
הקס #FFFFFF
CMYK 0 0 0 0
גוונים ניטרליים
ניטרלי 1200
HEX #0C121D
CMYK 100 79 44 93
ניטרלי 1100
הקס #141B27
CMYK 88 76 30 82
ניטרלי 1000
הקס #172234
CMYK 95 72 15 67
ניטרלי 900
הקס #24324B
CMYK 95 74 7 44
ניטרלי 800
#הקס #344565
CMYK 78 58 6 32
ניטרלי 700
משושה #475B81
CMYK 60 40 5 20
ניטרלי 600
# 607497
CMYK 43 25 3 8
ניטרלי 500
הקס #A9B2C4
CMYK 34 17 2 7
ניטרלי 400
הקס #C7CCD5
CMYK 24 12 2 6
ניטרלי 300
הקסדצימלי #DEE0E4
CMYK 14 7 3 5
ניטרלי 200
HEX #EBECEE
CMYK 4 2 3 4
ניטרלי 100
הקס #F8F9F9
CMYK 2 1 2 2
גוונים כחולים
פ
כחול חצות 1200
הקס #050F22
CMYK 100 80 0 90
כחול 1100
#הקס #091B3B
CMYK 100 79 12 70
פ
כחול כהה 1000
#HEX #0D2654
CMYK 100 79 12 59
כחול 900
הקס #123D8B
CMYK 100 75 2 18
כחול 800
הקס #1854C3
CMYK 100 75 0 0
פ
כחול כחול 700
HEX #1D6BFC
CMYK 90 48 0 0
כחול 600
HEX #357BFC
CMYK 88 40 0 0
כחול 500
משושה #5690FD
CMYK 87 30 0 0
כחול 400
משושה #77A6FD
CMYK 85 21 0 0
כחול 300
הקס #A5C4FE
CMYK 60 6 0 0
כחול 200
הקס #C6DAFE
CMYK 34 3 0 0
כחול 100
הקס #E8F0FF
CMYK 7 1 0 0
מבטאים
כדי להדגיש את משטח הצבעים העיקרי שלנו, יש לנו גם סט של משטחים חשמליים לתקשורת תנועה ומשיכת תשומת לב לאזורים ספציפיים. אין להשתמש בצבעי הדגשה ככתמי צבע גדולים, ועליהם להוות פחות מ-5% מהפריסה.
טכנולוגיה טורקיז
טיל 1200
הקס #001D1E
CMYK 100 41 35 87
טיל 1100
הקס #013E42
CMYK 100 21 28 76
טיל 1000
#הקס #016065
CMYK 100 16 24 60
טיל 900
#הקס #018288
CMYK 100 12 21 44
טיל 800
משושה #02A3AC
CMYK 100 10 29 20
טיל 700
משושה #02C5CF
CMYK 98 0 28 4
פ
טיל טיל 600
הקסדצימלי #02E9F5
CMYK 74 0 13 0
טיל 500
משושה #28F2FD
CMYK 62 0 8 0
טיל 400
משושה #58F5FD
CMYK 48 0 9 0
טיל 300
הקס #88F8FE
CMYK 36 0 9 0
טיל 200
הקס #B8FBFE
CMYK 23 0 1 0
טיל 100
הקס #E8FEFF
CMYK 10 2 0 0
ירוק בטיחותי
גרין 1200
#הקס #002318
CMYK 93 33 68 85
גרין 1100
#הקס #004832
CMYK 94 28 74 73
גרין 1000
הקס #006C4C
CMYK 89 19 72 60
גרין 900
#הקס #009165
CMYK 90 14 62 43
גרין 800
הקס #00B67F
CMYK 100 5 65 26
גרין 700
הקס #00DA99
CMYK 99 0 69 0
פ
גרין גרין 600
הקסדצימלי #00FFB2
CMYK 66 0 48 0
גרין 500
משושה #2DFFC0
CMYK 55 0 38 0
גרין 400
HEX #59FFCD
CMYK 43 0 28 0
גרין 300
HEX #86FFDB
CMYK 33 0 18 0
גרין 200
הקס #B3FFE8
CMYK 20 0 14 0
גרין 100
הקס #DFFFF5
CMYK 17 0 12 0
אדום סכנה
אדום 1200
#290009 (הקסדצימלי )
CMYK 42 69 37 85
אדום 1100
#הקס #530013
CMYK 30 85 59 70
אדום 1000
הקס #7E001D
CMYK 9 100 64 48
אדום 900
#HEX #A90027
CMYK 7 100 68 32
אדום 800
הקס #D40031
CMYK 3 100 70 12
פ
אדום אדום 700
הקס #FF003D
CMYK 0 100 72 0
אדום 600
הקס #FF254A
CMYK 0 94 64 0
אדום 500
הקס #FF495E
CMYK 0 76 54 0
אדום 400
הקס #FF6E75
CMYK 0 54 38 0
אדום 300
#הקס #FF9392
CMYK 0 42 18 0
אדום 200
הקס #FFBAB7
CMYK 0 23 6 0
אדום 100
הקסדצימלי #FFDFDB
CMYK 0 14 5 1
אזהרה כתום
כתום 1200
הקס #2B0C00
CMYK 32 72 99 81
כתום 1100
הקס #551A00
CMYK 15 67 100 65
כתום 1000
הקס #802B00
CMYK 10 72 100 46
כתום 900
הקס #AA3E00
CMYK 6 71 100 32
כתום 800
הקס #D55300
CMYK 2 77 100 9
פ
כתום כתום 700
הקס #FF6B00
CMYK 0 70 100 0
כתום 600
הקס #FF8025
CMYK 0 59 80 0
כתום 500
הקס #FF954A
CMYK 0 46 70 0
כתום 400
הקס #FFAB6F
CMYK 0 33 57 0
כתום 300
הקס #FFC094
CMYK 0 27 40 0
כתום 200
הקס #FFD6B9
CMYK 0 16 32 0
כתום 100
הקס #FFEBDE
CMYK 0 8 16 0
זהירות צהוב
צהוב 1200
הקס #251E00
CMYK 39 43 80 91
צהוב 1100
הקס #493C00
CMYK 23 38 89 70
צהוב 1000
משושה #6D5A00
CMYK 19 37 100 59
צהוב 900
#הקס #927800
CMYK 10 23 100 43
צהוב 800
#הקס #B69700
CMYK 8 21 100 28
Yellow 700
HEX #DBB600
CMYK 2 22 100 8
פ
צהוב צהוב 600
הקס #FFD600
CMYK 0 11 97 2
צהוב 500
הקס #FFDC2B
CMYK 0 8 86 0
צהוב 400
#HEX #FFE355
CMYK 0 7 75 0
צהוב 300
הקס #FFEA80
CMYK 0 4 62 0
צהוב 200
הקס #FFF1AA
CMYK 0 3 43 0
צהוב 100
הקסדצימלי #FFF8D5
CMYK 0 4 27 0
חינוך סגול
סגול 1200
הקס #170618
CMYK 100 100 10 79
סגול 1100
משושה #290B2C
CMYK 91 100 8 59
פ
אקדמי סגול 1000
הקס #3E1142
CMYK 85 100 6 38
סגול 900
הקס #5E1A64
CMYK 75 100 8 26
סגול 800
הקס #7F2387
CMYK 67 95 4 16
פ
סגול סגול 700
הקס #9F2CAA
CMYK 58 90 0 0
סגול 600
הקס #BF36CB
CMYK 51 79 0 0
סגול 500
הקס #CA59D4
CMYK 36 60 0 0
סגול 400
הקס #D57CDD
CMYK 27 52 0 0
סגול 300
הקס #E09FE6
CMYK 26 37 0 0
סגול 200
#הקס #ECC2EF
CMYK 17 20 0 1
סגול 100
הקס #F7E5F8
CMYK 3 6 0 2
שימוש והקשר
בחירה קפדנית של צבע והקשרו היא קריטית בעיצוב הנרטיב היצירתי, מעוררת רגשות ומבטיחה הרמוניה חזותית בין אלמנטים עיצוביים. השתמשו בצבעי גופן כדי ליצור חוויית קריאה נוחה והשתמשו בצבעים שמעוררים פעולה. לעולם אל תשתמשו בצבע פעולה ככותרת. שמרו את הכחול שלנו לפעולה וקישורים והימנעו משימוש עבור גופן סטטי. הקפידו לעיין בהנחיות הנגישות לקבלת דרישות ניגודיות גופן מתאימות.
טֶקסט
גרָפִיקָה
מעברי צבע
גרדיאנטים מוסיפים עומק ועוזרים להעביר שכבות בתוך הקומפוזיציה. ניתן להשתמש בהם גם כדי לדרג צבע ולהצליל אזורים בטיפוגרפיה. השתמשו בצבע הדרגתי כדרך למשוך את עין הצופה לכיוון מסוים דרך התוכן.
בעת בניית גרדיאנטים, נסו לשמור על אפקט עדין ולהשתמש בפלטת צבעים בצורה של דילוג על שלב צבע בקבוצת גוונים לצורך הגדרה. ערבוב קבוצות צבעים יכול להיות דרך להביא צבע דינמי ליצירה. הימנעו משימוש בגרדיאנטים כבדים ככיווצי צבע גדולים על גבי יצירה.
חסימת צבעים
טֶקסט
חַשׁמַלִי
כדי ליצור את האפקט החשמלי שלנו, השתמשו בהנחיות שלהלן כדי להבטיח מראה עקבי בין חוויות שונות.
השתמשו בגוונים של קבוצת צבעים ובנו את קבוצת הסמלים שלכם כפי שמוצג להלן. ניתן להשתמש בטכניקות דומות עבור צורות איור אחרות, כמו קווים או גבולות. גודל ואטימות של זוהר וספוט יצטרכו להתאים לגודל עם גרפיקה או טקסט כדי להפוך את האפקט לעדין ונקי.
עבור גופן, ניתן להשתמש באותם שילובי צבעים אך יש לשים לב לנגישות. יש להימנע משימוש בטכניקה זו על גופן גדול, מודגש או קטן. יש להתאים את הזרקורים האופציונליים כך שיתאימו לבלוק הטקסט.
המפרטים המוצגים הם עבור Figma. יהיה צורך לבצע התאמות כדי להתאים ויזואלית ליישומים שלנו.
נוּסחָה
וריאציות
סוּג
נְגִישׁוּת
יְסוֹדִי
כדי להבטיח שכמה שיותר לקוחות שלנו יזכו לחוויה עקבית, אנו תמיד רוצים להישאר נגישים ככל האפשר. דרך אחת לעשות זאת היא על ידי דבקות בהנחיות WCAG 2.1 ליחסי ניגודיות בטקסט.
למטה תראו את הבדיקה המלאה של הצבעים בהם השתמשנו עם הגופן שלנו בגודל 16 נקודות עבור צבעי חסימת טקסט מקובלים. אם מסומן כ"זהירות", פירוש הדבר שהוא עומד בתקני AA בלבד ויש להשתמש בו רק עבור טקסט גדול או מודגש.
פְּעוּלָה
שֶׁלָנוּ OPSWAT הצבע הכחול הוא גוון הצבע העיקרי שלנו לקריאה לפעולה ויש להקדיש תשומת לב מיוחדת בעת הצבתו מעל גושי הצבעים העיקריים שלנו.
מבטאים
בעת שימוש בסטטוס ובדגשים שלנו, יש להקפיד במיוחד על נגישות. אם צבע גופן וגופן מסוים מוצגים למטה, הם אינם מומלצים.
אֲקָדֶמִיָה
בעת השימוש ב-Academy Purple שלנו, יש להקפיד במיוחד על נגישות. אם צבע גופן וגופן מסוים מוצגים למטה, הם אינם מומלצים.
