Apple
חדר לבן עם מתג כחול יחיד
העיצוב של אפל הוא דוגמה לאיפוק: בד קנבס כמעט לבן, רווח לבן גדול, וגוון כחול בודד ותוסס שגורם לכל פעולה להרגיש מכוונת. המוקד העיקרי הוא טיפוגרפיה - SF Pro, עם ריווח שלילי של אותיות שפוחת עם הגדלת הגודל, ומעניק לכותרות בהירות אדריכלית מבלי להיות כבדות מדי. המוצר הוא העיצוב: תמונות מוצר גדולות ותמונות לייף סטייל שולטות, בעוד אלמנטים כרום נסוגים למסגרות דקות, ניווט שקוף וקווים עדינים. מקטעים מתחלפים על רקע אפור בהיר עם בלוקים בצבע מלא לחומרי קידום מכירות, ויוצרים קצב באמצעות שינויים בקנה מידה ולא באמצעות אלמנטים דקורטיביים.
פריסת העמוד היא עמוד ברוחב מלא ללא רוחב מקסימלי קבוע - מקטעים נמתחים מקצה לקצה, כאשר בלוקי טקסט ממורכזים בתוכם בגובה של כ-980 פיקסלים. הניווט הוא סרגל גלובלי יחיד וקבוע עם תיקיית משנה נוספת לכל מוצר שמופיע בגלילה. הפריסה הראשית תמיד ממורכזת: שם מוצר גדול, שורת תג בת שורה אחת, שני כפתורי גלולה, ואז תמונת מוצר הממלאת את חלון התצוגה הנותר. המקטעים מוערמים אנכית בקצב אנכי נדיב (64 פיקסלים+ בין המקטעים), לסירוגין #f5f5f7 ורקעים צבעוניים. העמוד התחתון הוא שורה אופקית אחת של כרטיסי שירות ברוחב מלא (Apple TV+, Fitness+, Music, Arcade), כל אחד מהם בלוק תמונה עם טקסט שכבת-על וכפתור גלולה. אין סרגלי צד, אין פריסות תוכן מרובות עמודות, אין קומפוזיציות אסימטריות - הכל ממורכז, מוערם וסימטרי.
צילום הוא השפה החזותית הדומיננטית. תמונות מוצר מצולמות על רקע לבן טהור או אפור רך, ללא כל הקשר - המכשיר הוא הכוכב, מבודד ומואר. תמונות לייף סטייל מוצגות בבנרים ברוחב מלא, לעתים קרובות עם אובייקטים חתוכים בקפידה. מעברי צבע (כחול פסטל, ורוד, ירוק) משמשים כרקע לחלקי המוצר, לא כקישוט. האיקונוגרפיה מינימליסטית ומבוססת קווים, בעובי 1-2 פיקסלים, באותו גוון אפור כמו הטקסט. אין איורים, אין גרפיקה מופשטת, אין הדמיות תלת-ממדיות, למעט תמונות המוצר עצמן.
לוּחַ הַצְבָעִים
מותג
- 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).
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | מְמוּצָע |
| שלב בסיסי | 12px |
| רדיוס הכפתור | 980px |
| רדיוס הכרטיס | 8px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 64px |
| רוחב העמוד | 1440px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Apple ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Ui — תוכנית קלינית על נייר מט
- ElevenLabs — חיבור מצולם בגווני קרם חמים עם כותרות עדינות. מחברת בסגנון באוהאוס - נייר בצבע קליפת ביצה, דיו שחור, וגימור סגול וכתום יחיד לתצוגת מוצרים.
- monopo saigon — זוהר נוזלי וססגוני מאחורי דממת המערכת - גלריית עריכה מונוכרום הצפה על אור מותך
- Awesomic — רשת אבץ עריכתית עם סימני פיסוק כתומים המזכירים קונפטי
- Monad — כתב עת טכני עריכה על קלף חם
- Dub — לוח הבקרה של נייר האורז המט של לינק
- Seline Analytics — שולחן אנליטי שקט על נייר חם
- Ventriloc — מצפה נתונים על נייר חם - גחל כתום בודד המדגיש את הדיוק המונוכרומטי
- Duolingo — קמע כיתה שובב על נייר לבן
- Stripe — ספר חשבונות כתוב בדיו אינדיגו על זכוכית חלבית
- Notion — מחברת נייר חמה בשמש הצהריים
- Hyer Aviation — דמדומים בתא הטייס מעל קלף. שמי השחר החיוורים פוגשים את הלוגו הסריף בגודל גוף המטוס, ונגיעת חרס חמה אחת שובר את האיפוק המונוכרומטי.