Apple (España)
קתדרלה של חלל לבן עם כותרות בקושי נשמעות. אולם עצום ומואר שבו גופנים עצומים בצפיפות של 700 תלויים באוויר, מחוברים יחד רק על ידי צבעי פסטל וחוט כחול יחיד.
שפת דפי המוצר של אפל היא מחקר בנדיבות טיפוגרפית: כותרות ענקיות של SF Pro Display מרחפות על רקע לבן-שבור, מוקפות במרחב לבן עצום שגורם לכל מילה להרגיש מכוונת. פלטת הצבעים כמעט מונוכרומטית - טקסט ב-#1d1d1f, בד ציור מתחלף בין #ffffff ל-#f5f5f7 - עם הדגשה כחולה אחת (#0071e3) השמורה אך ורק לרגעים אינטראקטיביים. צבע נוכח בתמונות המוצר עצמן (גווני פסטל), לעולם לא כאלמנטים דקורטיביים של ממשק המשתמש. הרכיבים הם ללא מסגרת: כרטיסים מעוגלים ברדיוס של 28 פיקסלים, כפתורים בצורת גלולה שכמעט נוגעים בקצוות הדף, ללא מכלים גלויים או צללים. הקצב נוצר על ידי פסים לבנים ואפורים מתחלפים, לא מחיצות או גבולות.
מדורים תופסים את מלוא רוחב העמוד, נמתחים מקצה לקצה עם ריפוד נדיב (כ-40-100 צדדים). רוחב התוכן המרבי ממורכז למעשה בתוך כל רצועה. האלמנט העיקרי הוא ערימה ממורכזת: תווית בצורת גבה, כותרת מוגדלת, כפתור קריאה לפעולה יחיד, שורת מחיר, ולאחר מכן תמונת מוצר הממלאת את תחתית חלון התצוגה. מדורים עוקבים אחר דפוס חוזר: כותרת מיושרת לשמאל בתוך הרצועה, ואחריה פריסה בת שתי עמודות עם תיאורי מוצרים (טקסט משמאל/תמונה מימין או לסירוגין), רשת של שלוש עמודות של כרטיסים, או תצוגה חזותית ממורכזת. קצב התוכן נשלט לחלוטין על ידי רקעים לבנים ושלושה צבעים לסירוגין עם פערים אנכיים של 100-100 ס"מ - ללא חוצצים, ללא כרטיסים הנושאים אלמנטים. ניווט גלובלי הוא פס יחיד וקבוע. מדורי מפרט מוצר משתמשים בפסים ברוחב מלא עם ריפוד נדיב, כאשר הטקסט ממורכז בעמודות צרות (~560 פיקסלים) כנגד שטח חזותי רחב יותר.
השפה החזותית של אפל היא בעיקר צילום מוצר: תקריבים של חומרה על רקע לבן טהור או צבעוני, ללא הקשר של סגנון חיים או סצנות מבוימות. התמונה הראשית מציגה ידיים המחזיקות MacBook Neo ירוק פסטל - האלמנט האנושי הוא משני, ומדגים קנה מידה ומרקם ולא רגש. בקטעי גרסאות המוצר, שני מכשירים מוצגים זה לצד זה על רקע של צבעי גימור תואמים (ורוד, ירוק, כסף, תכלת), כל כרטיס בעל שדה צבע אחיד כאשר המוצר במרכז. צילומי פרטים משתמשים בתקריבים קיצוניים (ציר המחשב הנייד, מודול המצלמה) על רקע ניטרלי. אין איורים, אין גרפיקה מופשטת, אין תמונות דקורטיביות - המוצר עצמו הוא האלמנט החזותי. איקונוגרפיה נמצאת בכל מקום - אייקוני קווים מונוכרומים בסגנון SF Symbols, בעובי 1.5-2 פיקסלים, שנלקחו מסט האייקונים של המערכת של אפל. הצילום נעשה תמיד בצורה בהירה: תאורה אחידה ונטולת צללים שמצמצמת את המוצר לצורה גרפית ולא לאובייקט תלת-ממדי.
לוּחַ הַצְבָעִים
מותג
- Electric Blue
#0071e3— כפתורי פעולה מלאים הם הדגשת הצבע היחידה בממשק המשתמש, ומשמשים במשורה לקריאות לפעולה. - Link Blue
#0066cc— קישורי טקסט מוטבעים, קישורים עם חצים וקו שברונים. - Citrus Gradient
#3b3b23— גימור חלופי שהפך למאפיין הבולטים של המוצר הוא בסיס כהה שדוהה לגוונים צהובים-ירוקים.
נֵטרָלִי
- Primary Ink
#1d1d1f— כותרות, גוף הטקסט ותוויות הכפתורים הן גוון החזית הדומיננטי על פני כל המשטחים; הרקע של תמונת המוצר הראשית עובר בצורה חלקה מ-#1d1d1f חלק בחלק העליון לכחול כרומטי. - Mid Gray
#707070— טקסט משני, מצב ניווט לא פעיל, תוויות ממשק משתמש מושתקות - Deep Gray
#474747— טקסט הניווט והאיקונוגרפיה הם בגופן בינוני. - Hairline
#d6d6d6— גבולות דקים בין מקטעים ואלמנטים של ממשק משתמש. - Canvas
#f5f5f7— רקעים מתחלפים של מקטעים - פס אפור המפריד בין האזורים הלבנים. - Paper
#ffffff— משטח כרטיס, רקע עמוד ראשי, טקסט כפתור על רקע כהה.
טיפוגרפיה
מ-12 עד 96 פיקסלים · 10 צעדים
- SF Pro Display — תַחֲלִיף: Inter · קווי מתאר 600, 700 · כותרות ראשיות וכותרות משנה לתצוגה - משקל 700 בגודל 80-96 פיקסלים עם ריווח אותיות שלילי של -1.44 פיקסלים יוצר את הכותרת המאסיבית הצפה בלבן של אפל. תחליפים: Inter, system-ui
- SF Pro Display — תַחֲלִיף: Inter · קווי מתאר 600 · כותרות סעיפים, כותרות כרטיסים, כותרות משנה - גופן 600 עם ריווח אותיות חיובי מעט מרגיש חם וידידותי בגדלים בינוניים, בניגוד לכותרות הקצרות לעיל.
- SF Pro Text — תַחֲלִיף: Inter · קווי מתאר 400, 500, 600 · עבור גוף הטקסט, ניווט, פסקאות תומכות וכותרות קצרות, גופן עם אינדקס של 400 ב-17 פיקסלים הוא הגופן העיקרי. ריווח אותיות שלילי מאפשר טקסט עיקרי תמציתי יותר בדפים עתירי מידע.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8-10px |
| רדיוס הכפתור | 980px |
| רדיוס הכרטיס | 28px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 100-120px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Apple (España) ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Airbnb — קיר גלריה לבן ושקט עם סימניה אדומה אלמוגית אחת
- Peak Design — קיר גלריה, מואר חלקית
- Ramp — מחלקת הכספים של המערכת, דפים בשחור-לבן עם טוש ניאון יחיד. פני השטח כמעט מונוכרומיים של הפרסום, שבהם משיכה אחת בצבע ירוק-ליים בוהק הופכת כל אינטראקציה לאות כספי.
- 099 SUPPLY — קיר גלריה מלא בחפצים בשחור לבן
- Orderful — דף בקרת לוגיסטיקה תעשייתית - רשימת בדיקה מודפסת למוקדני לוגיסטיקה, עשויה בדיו שחורה ואדום כירורגי, כל עמוד דיסקרטי מספיק כדי לאפשר למפעיל אחד להביע מסר חשוב.
- Apple (España) — ויטרינת גלריה לבנה
- teenage engineering — קטלוג תעשייתי בתאורת סטודיו - המוצר הוא האובייקט המשמעותי היחיד בדף, וכל השאר נדון סביבו.
- Apple (España) — חלון גלריה בערפל הבוקר
- Lightship — דיאורמה קולנועית של כביש פתוח. קירות גלריה בצבע קרם חם מעוטרים בתצלומי נוף גדולים המותקנים במרווחים קצרים, גופן שחור דק בקושי נראה על המסגרות, ונגיעת גוון כתום בוהק אחת שובר את המונוכרומטיקה כמו מדורה באחו.
- Custo — גלריה בצבע אפרפר-מתכתי עם גופן מונוליטי. אולם תצוגה בגווני אפור-ירוק עמומים, שבו אובייקט כהה בודד וגופן של 57 פיקסלים מדברים בעד עצמם.
- Silencio — חדר לבן עם חפצים צפים. תצוגת גלריה עשויה מנייר חם, שבה כל אלמנט תופס את מקומו על רקע של נפח שלילי, והדממה היא החלטה עיצובית מכוונת.
- ORYZO AI — חיבור מצולם על חדר חושך. חפץ בודד מרחף בחושך החמים, גופן קרם הוא הקישוט היחיד.