צבעים
צבעים
אין שמות לרכיבים צבע. הצבע נמצא בפלטה, כסולמות של שניים עשר גוונים הניתנים לפנים בהירות ולפנים כהות; סכמת הצבעים בוחרת איזו פנים הממשק קורא; רכיב קורא תפקיד — משטח, גבול, טקסט — שהוא מקום אחד על סולם. העור לעולם אינו אומר צבע. החלף את הסכמה מהכותרת וכל דוגמה למטה זזה מבלי שאף אחת תוגדר מחדש.
סולמות
פלטה היא נייטרלית, הדגשה — המותג — וארבעה מצבים, כל אחד סולם של שניים עשר גוונים, מסודרים כמו שסכמות Radix וחומר 3 מסדרים צבע. מקום על סולם פירושו אותו דבר בכל סולם ובשני הפנים: מה המספרים למטה מיועדים. אפליקציה מביאה את הפלטה שלה על ידי מתן ההדגשה שלה; כל סולם עוקב.
--neutral-*
1
2
3
4
5
6
7
8
9
10
11
12
--accent-*
1
2
3
4
5
6
7
8
9
10
11
12
--info-*
1
2
3
4
5
6
7
8
9
10
11
12
--success-*
1
2
3
4
5
6
7
8
9
10
11
12
--warning-*
1
2
3
4
5
6
7
8
9
10
11
12
--error-*
1
2
3
4
5
6
7
8
9
10
11
12
- 1 הקרקע של אזור עבודה
- 2 הקרקע של העמוד, מסביב ובין אזורים
- 3 הקרקע של שדה; הקרקע העדינה שעליה יושב מצב
- 4 בקר מורם; קרקע מרחפת
- 5 כרטיס, בלוק — וגדר דיסקרטית שלו
- 6 גבול
- 7 גבול בין שני אזורים
- 8 גבול חזק, טבעת פוקוס
- 9 הצבע כולו, ממלא את מה שהוא מסמן
- 10 אותו דבר, מרחף
- 11 הצבע כדיו, קריא על הקרקעות
- 12 דיו חזק — עבור הנייטרלי, הטקסט עצמו
משטחים
הקרקע, מהאזור החוצה — כל אחד מקום על הסולם הנייטרלי. הפנים הבהירה של הלוח מסדרת אותם לפי בהירות עד ללבן, הפנים כהה לפי כמה כל אחד מורם מהקרקע.
--surface-zoneהקרקע שעליה עומד אזור של דף--surface-pageהדף עצמו, ומה שמופיע בין האזורים--surface-shellתפריט, כותרת, כותרת תחתונה--surface-1קלטים ושדות--surface-2כפתורים, סרגלי כלים--surface-3בלוקים, כרטיסים, מודלים--surface-invertבקר הבולט על ידי לקיחת צבע הטקסטטקסט
שלושה רמות תשומת לב — נייטרלית 12, 11 ו-9: מה נקרא, מה מקנה אותו, ומה נמצא רק כאשר מחפשים אותו.
--text-color-default — מה שנקרא
--text-color-muted — תוויות, מטא, כותרות משנה
--text-color-subtle — מפרידים ומצבים ריקים
גבולות
ארבע משקלים, נבדלים על ידי מה שהם מפרידים — נייטרלי 5 עד 8: שני דברים בתוך אזור אחד, שדה ממה שמאחוריו, שני אזורים של עמוד, והטבעת של מה שיש לו את הפוקוס.
--border-color-discreet
--border-color-default
--border-color-region
--border-color-strong
קטגוריות
שלושה עשר צבעים שאינם משמעותיים אלא "לא זה שלצידו": הסדרה של גרף, הקטעים של הפצה, השלבים של זרימת עבודה. שמות, לא מספרים — אפליקציה בוחרת `cat-mint` כי זה נראה כמו מנטה — וכל אחד סולם כמו האחרים, כך שקטגוריה נלבשת כמו מצב: הקרקע שלה ב-3, הדיו שלה ב-11, מלאה ב-9.
--cat-ruby-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-grapefruit-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-bittersweet-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-sunflower-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-straw-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-grass-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-mint-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-teal-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-aqua-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-blue-jeans-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-plum-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-lavender-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-pink-rose-*
1
2
3
4
5
6
7
8
9
10
11
12