Nike
גלריה מונוכרום של הישגים ספורטיביים – קירות לבנים, המוצר כיצירת אמנות, כרום נמס ברקע
Nike.com מתפקד כגלריה מונוכרום, המתמקדת במוצר: ממשק המשתמש כמעט בלתי נראה, מה שמאפשר לתמונות מוצר לתפוס כל מסך. הממשק כולו בנוי משחור, לבן ושלושה גוונים של אפור - ללא צבעי הדגשה, ללא מעברי צבע דקורטיביים, ללא כרום חם וייחודי. הסגנון הייחודי של נייקי ניכר בלוגו הגלריה ובתמונות, אך לעולם לא בממשק המשתמש עצמו. הטיפוגרפיה קומפקטית ותועלתנית, ומסתמכת על משפחת גופנים Helvetica Now שעוצבה במיוחד בגודל 12-20 פיקסלים, עם לוגו Nike Futura ND יחיד וגדול בגודל 76 פיקסלים לכותרות. הרכיבים מינימליסטיים: כפתורים בצורת גלולה ברדיוס של 30 פיקסלים, כרטיסי מוצר שטוחים, גבולות דקים וכמעט אפס הפרשי גובה. הדף מתחלף בין משטחי מוצר לבנים טהורים לחלקי עריכה כהים ובולטים, ויוצר קצב באמצעות ניגודיות ולא קישוטים.
הדף עוקב אחר קצב עריכה איתן: כותרת ראשית כהה בולטת ברוחב מלא הכוללת מוצר יחיד וכותרת גדולה, ואחריה רשת קטגוריות ברוחב מלא בגודל 2x2, רשת גלילה אופקית של כרטיסי מוצרים ב-3 עמודות, ולבסוף כותרת תחתונה צפופה מרובת עמודות. כל בלוקי התוכן תופסים את מלוא רוחב חלון התצוגה ללא רוחב מקסימלי של מיכל; מגבלת רוחב מקסימלית חלה רק על רשת הניווט וקישורי הכותרת התחתונה. המעברים בין הסעיפים חדים: כותרת שחורה → רשת קטגוריות לבנה → רשת מוצרים לבנה → כותרת תחתונה לבנה, עם גבולות אפורים צרים המשמשים כקו התפר החזותי היחיד. הניווט הוא סרגל מינימליסטי דו-שכבתי (קישורים עזר בחלק העליון, קטגוריות ראשיות במרכז) ללא הצמדה, ללא מילוי רקע וללא צל. צפיפות התוכן קומפקטית ברשתות המוצרים (ריווח צר בין כרטיסים) ומרווחת בכותרת (חלון תצוגה ברוחב מלא).
צילום הוא האלמנט החזותי הדומיננטי ומגדיר את הזהות כולה של המותג. המערכת משתמשת בתמונות מוצר באיכות גבוהה, במסגרת מלאה: נעלי ספורט שצולמו בנפרד על רקע כהה או מעוטר בגרדיאנט, חתוכים כדי למלא את הפריים, ללא הקשר לסגנון חיים. תמונות סגנון חיים מופיעות בתוך קטגוריות, ומציגות את כפות הרגליים והרגליים של ספורטאים בתנועה. נעשה שימוש בסכמת צבעים רוויה ובעלת ניגודיות גבוהה - נעליים אדומות על רקע שחור, נגיעות ניאון על סוליות לבנות, ותאורה חמה וקרירה כדי להמחיש את החומרים. לא נעשה שימוש באיורים, גרפיקה מופשטת או עיבודים תלת-ממדיים. לתמונות תמיד קצוות נקיים (אין פינות מעוגלות במיכלי תמונות), הן תמיד תופסות את כל השטח בתוך הבלוקים שלהן, ותמיד מלוות בכיסוי טקסט מינימלי. האיקונוגרפיה היא פונקציונלית בלבד: אייקוני קווי מתאר לחיפוש, רשימת משאלות, עגלה וחשבון בצבעי אובסידיאן או פלדה.
לוּחַ הַצְבָעִים
נֵטרָלִי
- Obsidian
#111111— צבע כהה משלים טקסט וסמלים ניטרליים ויוצר ניגודיות חזקה. הימנעו משימוש בו כצבע העיקרי עבור קריאות לפעולה. - Paper White
#ffffff— רקע העמוד, משטח הכרטיס, טקסט הכפתור על רקע כהה, קווי מתאר של הסמל - בד הציור המוגדר כברירת מחדל עבור רשתות מוצרים ומדורי קטגוריות. - Concrete Gray
#e5e5e5— גבולות, חוצצים, קווים דקים המפרידים בין מקטעי רשת, קווי מתאר עדינים של שדות קלט. - Soft Mist
#f5f5f5— צבע רקע עדין למשטחים משניים, מילוי שדה חיפוש בניווט, רקע תג. - Steel
#707072— טקסט משני, טקסט עזר מושתק, קווי מתאר מצומצמים של סמלים, תוויות פירורי לחם, מפרידי קישורים בתחתית הדף. - Faint Gray
#9e9ea0— קווי מתאר של סמלים, רכיבי ממשק משתמש משניים וגבולות עם הדגשה מינימלית מושבתים.
טיפוגרפיה
מ-12 עד 76 פיקסלים · 6 שלבים
- Helvetica Now Text Medium — תַחֲלִיף: Inter · קווי מתאר 500 · גופן Helvetica Now Text Medium - נמצא בנתונים שנגרדו אך לא מתואר על ידי הבינה המלאכותית.
- Helvetica Now Text — תַחֲלִיף: Inter or Helvetica Neue · קווי מתאר 400, 500 · הטקסט העיקרי של ממשק המשתמש - קישורי ניווט, תוויות כפתורים, כותרות כרטיסים, שמות מוצרים, רשימות כותרות תחתונות, כל טקסט הגוף.
- Helvetica Now Display Medium — תַחֲלִיף: Inter Medium or Helvetica Neue Medium · קווי מתאר 500 · כותרות סעיפים, תוויות קטגוריות כרטיסים, כותרות בגודל בינוני - גופן בינוני (20-24 פיקסלים) הוא סימן היכר של כותרות של נייקי שאינן אלמנטים עיצוביים גדולים: אף פעם לא מודגשים, תמיד תמציתיים.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8px |
| רדיוס הכפתור | 30px |
| רדיוס הכרטיס | 0px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 48px |
| רוחב העמוד | 1440px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Nike ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Airbnb — קיר גלריה לבן ושקט עם סימניה אדומה אלמוגית אחת
- Apple (España) — ויטרינת גלריה לבנה
- Silencio — חדר לבן עם חפצים צפים. תצוגת גלריה עשויה מנייר חם, שבה כל אלמנט תופס את מקומו על רקע של נפח שלילי, והדממה היא החלטה עיצובית מכוונת.
- Oakâme — סדנה פרובנסלית שטופת שמש מגולפת מאבן חמה
- Arc — גלריה לבנה תעשייתית מעל מים בחצות
- Rivian — מונולית חשמלי על קיר הבטון של הגלריה. ריביאן מציג כל רכב כפסל על רקע חלל לבן עצום, עם טיפוגרפיה כה גדולה עד שהיא הופכת לאלמנט אדריכלי, וצהוב חם יחיד ששובר את האווירה המונוכרומטית, כמו אור שמש על משטח מט.
- Analogue — ויטרינת גלריה שחורה – סחורות מרחפות בחלל הריק
- ddna — ארון תצוגה חם למוזיאון על פשתן לא מטופל
- Zellerfeld — סדנת פסל על שיש לבן - המשטחים המונוליטיים של הדום, ניצוץ בודד של קובלט, לחישה של אותיות קטנות מהרצפה ועד התקרה
- UY Studio — גלריית האבן של המנזר היא חלל שקט עם קירות בטון, שבו בקבוקי בושם ניצבים על בסיסים לבנים, מוארים על ידי מנורת 400 וואט אחת וארבע נורות אפורות חמות.
- Basic.Space — גלריה אוצרותית על שיש לבן
- COS — גלריה אופנתית עם קירות לבנים