
Allbirds
חומרים טבעיים על פשתן לבן
Allbirds פועלת בביטחון טבעי ורגוע - בד קנבס כמעט אכרומטי לחלוטין, המשלים גווני חול חמים (#e0dacf) וגווני אדמה עמומים שנלקחו ישירות מצילומי מוצר. ממשק המשתמש אינו מפריע לחוויית המוצר: משטחים לבנים, גבולות דקים, ניווט באותיות גדולות ובקרות בצורת גלולה שמרגישים יותר כמו כפתורים פיזיים מאשר אלמנטים של אינטרנט. Self Modern (גופן serif מותאם אישית) משמש לרגעים המכריעים המעטים הדורשים תשומת לב עריכתית - כותרות ושמות קולקציות - בעוד Geograph משמש לכל אותיות, גוף הטקסט וכפתור בשלושה משקלים מאוזנים. כרטיסי קטגוריה הופכים למערכת צבעים: כל אחד מהם לוקח את גוון הרקע שלו מהמוצר המוצג, והופך את הניווט לפלטת צבעים חיה של פנטון.
הרוחב המרבי הוא כ-1200 פיקסלים, ממורכז עם ריפוד צדדי נדיב. האלמנט העיקרי הוא פס עריכה ברוחב מלא על רקע חול חם עם קרוסלת מוצרים גדולה היוצאת מהמרכז. ניווט הקטגוריות הוא רשת של ארבעה כרטיסים בצבע זהה בארבע עמודות, כל אחד מכיל דגם נעל אחד ממורכז. מתחת לקפל, הפריסה מתחלף בין פאנלים מפוצלים ברוחב מלא (תמונת לייפסטייל משמאל + דוגמת מוצר מימין) וקרוסלות מוצרים ממורכזות תחת כותרת מדור קטנה ומסומנת בקו תחתון. הקצב הכללי הוא: פאנל עריכה ברוחב מלא → רשת בת ארבע עמודות → קרוסלת מוצרים ממורכזת → פיצול בן שתי עמודות → קרוסלת מוצרים ממורכזת. המרווח בין המדורים הוא 40-56 פיקסלים, מה שיוצר מעברים אווריריים אך לא מכריעים. הניווט הוא סרגל עליון מינימליסטי וקבוע עם קישורים ראשיים ממורכזים.
צילום הוא המערכת הוויזואלית כולה. כל צילומי המוצר מצולמים מקרוב, מזווית קלה, על רקע אחיד שתואם או משלים את צבע הדגש של הנעל, והופך כל תמונה למעשה למחקר צבע. תמונות הלייף סטייל מצולמות בגוונים חמים ושטופי שמש, בסביבה טבעית (שדות אגבה, מרפסות עץ, שטח קשה), מעומעמות בעדינות כדי להתאים לפלטת הצבעים העמומה. אין איורים, אין הדמיות תלת-ממדיות, אין גרפיקה מופשטת. בשיתוף פעולה עם פנטון, פלטת הצבעים המילולית משמשת כאלמנט גרפי. האיקונוגרפיה מינימליסטית ומונוכרומטית (סמלים מתארים בתנוחות הניווט ובמיקומי עזר).
לוּחַ הַצְבָעִים
נֵטרָלִי
- Canvas White
#ffffff— תמונות רקע של עמוד, משטחי כרטיסים, תמונות רקע של כרטיסי מוצר. - Charcoal
#212121— צבע ניטרלי נתמך עבור רכיבי ממשק משתמש משניים, מחיצות ותוויות מושתקות. אין להשתמש בו כצבע הראשי עבור קריאות לפעולה. - True Black
#000000— כותרות, סמלים, מסגרות בעלות ניגודיות גבוהה, טקסט ניווט. - Warm Sand
#e0dacf— רקע של החלק הראשי, גוון משטח נוסף, פאנלים עריכה גדולים. - Olive Char
#222519— צבע ניטרלי נתמך עבור רכיבי ממשק משתמש משניים, מחיצות ותוויות מושתקות. אין להשתמש בו כצבע הראשי עבור קריאות לפעולה. - Iron Gray
#525252— טקסט משני, טקסט עזר, מסגרות לא פולשניות.
טיפוגרפיה
מ-12 עד 40 פיקסלים · 6 שלבים
- Self Modern — תַחֲלִיף: Playfair Display · קווי מתאר 400 · כותרות ומאמרי מערכת משמשים במשורה, תוך הדגשת ביטויי מפתח וכותרות אוספים. גופנים מסוג Serif ו-Italic שוברים את המונוטוניות של גופני Sans-Serif ומעבירים את המסר: "זוהי מהות הסיפור".
- Geograph — תַחֲלִיף: Inter · קווי מתאר 400, 500, 700 · הגופן העיקרי של ממשק המשתמש כולל גוף טקסט, תוויות ניווט, כפתורים, כותרות מוצרים, כותרות תחתונות, שדות קלט וסמלים. 500 עבור כותרות מודגשות, 700 עבור שמות מוצרים. ריווח אותיות רחב (0.025em–0.10em) באותיות גדולות בתוויות ניווט וקטגוריות יוצר סגנון מותג עקבי.
- HurmeGeometricSans3 — תַחֲלִיף: Inter · קווי מתאר 400 · לעיתים רחוקות משמש כגיבוי או תווית ייעודית לכפתור. Geograph משתמש במערכת זו מדי יום.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8-16px |
| רדיוס הכפתור | 9999px (pill) |
| רדיוס הכרטיס | 16px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 40-56px |
| רוחב העמוד | 1200px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Allbirds ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Lightship — דיאורמה קולנועית של כביש פתוח. קירות גלריה בצבע קרם חם מעוטרים בתצלומי נוף גדולים המותקנים במרווחים קצרים, גופן שחור דק בקושי נראה על המסגרות, ונגיעת גוון כתום בוהק אחת שובר את המונוכרומטיקה כמו מדורה באחו.
- Faire ES — קטלוג סיטונאי של קרם חם
- Adanola — לוקבוק עריכה על נייר לבן. צילומי אופנה שבהם טיפוגרפיה וצילום נושמים על משטחים לבנים נקיים, עם דיו שחור כגופן וגופן סאנס-סריף עדין (Favorit), המשקף את הסגנון הכללי של המותג.
- Oura Ring — סדנת הכנת שיבולת שועל נעימה, שטופה באור יום רך
- Stykka — סדנה סקנדינבית באור לבן – אולם תצוגה שקט ומעוצב בעבודת יד שבו הקול היחיד הוא הצילום
- DJI — קנבס שחור בגוון תעופה וחלל עם גוון כחול חשמלי יחיד
- Altitude Beverages — כתיבת מגזין מונוכרום. דמיינו כתיבת מגזין אופנה נטולת כל צבע מלבד התמונות הנוספות - הטקסט והשטח הלבן מספרים את כל הסיפור.
- AATHER — כף יד פתוחה, להבה אחת - יוקרה שקטה הכלולה בדממה
- Cowboy — גלריית אופניים בלגית בסגנון פורצלן לבן כשלג. אולם תצוגה שבו משטחים מטים, גופנים גדולים בחומרי עריכה והיעדר כמעט לחלוטין של קישוט מושכים את העין לאופניים ולתכולתם.
- Refero — פריסת עריכה על שיש לבן - דף מוצר שנוצר על ידי טיפוגרף, כאשר הכותרת הסריף היא כרטיס הביקור של המותג, וכל השאר דיסקרטי
- Face Formula — דיוקן עריכה סקנדינבי. כתבה רגועה בסגנון מגזין, שבה מבטה של הדוגמנית והכותרת, שנכתבו בגופן סריף דחוס, מדברים בעד עצמם על רקע קריר וערפילי.
- Shupatto — ויטרינת מוזיאון על שיש לבן