Apple

לוּחַ הַצְבָעִים

מותג

• Apple Blue #0071e3 — כפתורי פעולה מלאים, מצבים נבחרים - הצבע הכרומטי האינטראקטיבי היחיד בו נעשה שימוש במשורה כדי להפוך כל מראה למשמעותי.
• Link Blue #0066cc — גבולות פעולה מודגשים, קישורים מוטמעים - צבע רווי יותר מאשר כחול תפוח משמש במקומות בהם טאבלט מלא יהיה ראוותני מדי.
• Signal Blue #2997ff — מסגרות דקורטיביות, קווי מתאר של תמונות, גבולות אייקונים - הצבע הכחול הבהיר ביותר במערכת, משמש לאווירה ולא לאינטראקציה עם המשתמש.

נֵטרָלִי

• Carbon #1d1d1f — הטקסט הראשי, גבולות הכותרת, קווי הניווט, גבולות הכרטיס - צבע הדיו השולט הוא כמעט שחור עם רמז קל לחמימות.
• Frost #f5f5f7 — בד הציור של העמוד, רקע הטקסט הראשי ומשטח הכותרת התחתונה הם בצבע אפור בהיר המזוהה עם אפל, מעט קריר יותר מלבן טהור.
• Ice #f4f8fb — מילויי משטח אקספרסיביים, גוונים עדינים, טקסט כפתורים על רקע כהה - גוון כחול עדין שמעניק חיים לאזור מבלי לגרום לו לבלוט.
• Smoke #333333 — טקסט משני, מילוי ניווט, גבולות כפתורים - צבע ניטרלי רב-תכליתי עבור גבולות וסמלים הזקוקים לעוצמה רבה יותר מאשר אפור בינוני.
• Graphite #474747 — טקסט ניווט, גבולות ניווט, גבולות קישור - תופס מקום ביניים בין פחמן לעשן בהיררכיית האלמנטים.
• Ash #707070 — טקסט כותרת תחתונה, גבולות רשימה, גבולות ניווט, טקסט גוף מושתק - אפור בינוני לתוכן שצריך להיות נוכח אך לא בולט.

טיפוגרפיה

מ-12 עד 56 פיקסלים · 8 צעדים

• SF Pro Display — תַחֲלִיף: Inter · קווי מתאר 400, 600, 700 · כותרות וטקסט גדול - גדלים של 40 פיקסלים ומעלה - משתמשים בפורמט תצוגה לצמצם צר יותר ומעקב שלילי חזק יותר; 700 שמור לפריסות פרסום, ו-400 מיועד לשמות מוצרים בתוכן עריכה.
• SF Pro Text — תַחֲלִיף: Inter · קווי מתאר 300, 400, 600 · גוף הטקסט, ניווט, כפתורים, כותרות משנה - גופן עבודה; 400 לגוף הטקסט, 300 לכותרות משנה ותוויות מוסמכות, 600 לרכיבי ניווט וטקסט כפתורים; ריווח אותיות שלילי יורד באופן פרופורציונלי לגודל (מ-0.022em ל-12px ל-0.01em ל-44px).

אינטרוולים וצורה

סגנונות דומים

• Studio — קיר גלריה בתנועה. כל מסך מייצג משטח תצוגה שקט ואפור שבו חומרים טיפוגרפיים ויצירות יצירתיות חופפות מתחרים על תשומת הלב.
• Mollie — דלפק קשמיר, ספר חשבונות כהה. השאירו שטח לבן נרחב לעיצוב עריכה סביב הטקסט השחור, ולאחר מכן חיזקו נקודות הקשורות למוצר בעזרת קרמים חמים, גווני אספרסו חומים ותמונות מגע של אמצעי תשלום בפועל.
• Basis Theory — מסופי תשלום בסטודיו לעיצוב. נייר טכני לבן, שכבות עסקה שקופות חופפות ואלמנט בקרה טורקיז יחיד מגדירים את הכיוון החזותי.
• CleanShot X — סטודיו עם שולחן עבודה מואר בכחול. צרו מרחב לבן ורגוע סביב טקסט שחור קומפקטי, ואז תנו לבקרות הכחולות העשירות ולתמונות הרב-שכבתיות של מוצרי מק לתפוס את מרכז הבמה.
• Modern Treasury — ספר חשבונות אוצר על נייר מילימטרי. צרו דפים הדומים לדף תפעול לבן ושקט, שבו מוצגים תזרימי מזומנים עם קווים דקים, צמתים מתויגים ובקרות מדויקות ומוסתרות.
• Basha-Franklin — רשת גלריה מתחת למשקוף לבן. השתמשו בגוון חם #f4ede6, מבנה שחור עדין ועמודים אסימטריים המבוססים על תצלומים שנראים כמו תיק עבודות אדריכלי מודפס.
• Bajgart Office — קיר גלריה עריכה. השתמשו במרחב לבן גדול שבו גופני סריף עדינים וקטעי תיק עבודות נושאים משקל ויזואלי רב יותר מאשר אלמנטים של ממשק מצופים כרום.
• Heptabase — שולחן כתיבה שטוף שמש. משטחים חמים דמויי נייר, פקדים בצבע פחם וחלונות צפים למחקר יוצרים תחושה של סביבת עבודה מאורגנת ולא של לוח בקרה של תוכנה.
• Bejamas — פיג'מה - סיד חומצי מבעד לזכוכית שחורה. צרו עמודי מערכת אפורים בהירים רגועים, הנקטעים על ידי פאנלים שחורים שובי לב, שבהם פסים ירוקים מטושטשים של אור מצטלבים על פני השטח.
• Baba — הערות טיפול באור שמש אדום. צרו פסים אדומים רחבים סביב משטחי מידע אינטימיים בצבע לבן, ורוד ושמנת, תוך שימוש בתמונות של אנשים כמרכז הרגשי.
• Grafana Labs — חדר הבקרה של תחנת האיתות זריחה. סביבת עבודה שקטה בצבעי אפור ולבן משולבת עם שיפוע אופק רחב בארבעה צבעים ואותות ממשק כחולים מדויקים.
• Kagi — חדר קריאה נפרד. צרו חלל לבן פתוח סביב טקסט גרפיט מודגש, תוך שימוש בנגיעות סגולות עדינות ומשטחי פסטל חמים כדי לשבור את השלווה.

קטלוג סגנונות לפי קטגוריה