Airbnb
קיר גלריה לבן ושקט עם סימניה אדומה אלמוגית אחת
Airbnb פועלת בסגנון "בד לבן", שבו הצילום שולט בכיפה: כמעט כל מסך הוא מסגרת מונוכרום שקטה, המאפשרת לתמונות במסך מלא של נכסים להעביר את הרושם הכללי, עם גוון אדום-אלמוגי עשיר יחיד (Rausch) כרמז הצבע היחיד המציין פעולה. הגופן הוא סאנס-סריף גיאומטרי (Airbnb Cereal VF) - לרוב גדלים קטנים ובטוחים - עבור גוף הטקסט, הממשק וכותרות הסעיפים (22-22) - עם ריווח שורות שלילי צפוף וריווח שורות נדיב, מה שהופך כרטיסים עם טקסט צפוף לקריאים. הממשק שטוח, ללא מסגרת ומעוגל: רדיוסים של 12-3 על כרטיסים ובקרות, כפתורים עגולים בצורת גלולה וצללים רכים ושכבתיים רק עבור אלמנטים בולטים כמו סרגל החיפוש. כל השאר - כרטיסים, פריטי רשימה, קישורים - מסתמך על רווח לבן וקווים דקים ולא על גווני כרום.
פריסה ברוחב מלא ללא מגבלת רוחב מקסימלית קבועה - התוכן נמתח מקצה לקצה בתוך האזור הניתן לצפייה, עם כ-40 פיקסלים של מרווח אופקי מכל צד במחשב שולחני. הגיבור הוא קפסולת חיפוש צפה, במרכזה בד לבן ניטרלי ללא תמונה או כותרת - סרגל החיפוש הוא הגיבור. מתחת לחיפוש, הדף עובר לקטעים מוערמים אנכית וגלילה אופקית (ארבע שורות גלויות: בתים נבחרים, מלונות נהדרים, עיר אחרת, זמין בחודש הבא), כל אחד בגובה של כ-320 פיקסלים, מופרדים על ידי מרזבים אנכיים של 48 פיקסלים. כל קטע משתמש ברשת בת 7 כרטיסיות עם גלישה אופקית וניווט חצים. הכותרת התחתונה היא רשת בת 3 עמודות של קישורים על רקע #f7f7f7, ואחריה סרגל תחתון עם מידע על זכויות יוצרים, אפשרויות שפה/מטבע וסמלי מדיה חברתית. הניווט הוא סרגל עליון קבוע עם ניווט כרטיסיות במרכז ובקרות מיושרות לימין.
הצילום שולט במערכת הוויזואלית, כאשר תמונות מסך מלא של רישומי נדל"ן משמשות כסוג התוכן העיקרי. כל התמונות הן צילומי פנים וחוץ חמים ומוארים היטב של בתים ומלונות אמיתיים, מעובדים עם תיקון צבע טבעי (ללא פילטרים כבדים או דואוטונים). התמונות חתוכות בקפידה ביחס גובה-רוחב של 1:1 עבור כרטיסי רישומים, וממלאות את שולי הכרטיס ללא גלישה. לסמלים ברחבי הממשק יש קווי מתאר מונוכרום (עובי קו ~16-16), המשמשים במשורה עבור קטגוריות ניווט ובקרות ממשק משתמש. הלוגו הוא האלמנט הגרפי הרב-צבעוני היחיד (Rausch). אין איורים, אין עיבודים תלת-ממדיים, אין גרפיקה מופשטת - השפה הוויזואלית היא צילום טהור ואיקונוגרפיה מונוכרום מינימליסטית על בד לבן ורך.
לוּחַ הַצְבָעִים
מותג
- Rausch
#ff385c— אדום משמש כאלמנט דקורטיבי לאייקונים, שלטים ופרטים גרפיים קטנים. אין להשתמש בו כצבע העיקרי לקריאות לפעולה. - Rausch 600
#e00b41— גרסה דחוסה וכהה של צבע Rausch למשטחים המשמשים כאקססוריז של מותג על משטחים מרחפים/פעילים.
נֵטרָלִי
- Hof
#222222— גוף הטקסט, הטקסט הראשי, הכותרות, קווי המתאר של הסמלים והרקע ההפוך הם בצבע ניטרלי קרוב לשחור, המשמש כבסיס לכל המערכת האכרומטית. - Foggy
#6a6a6a— טקסט משני, כיתובים מושתקים, טקסט עזר, מילוי סמלים מושבת ומטא-דאטה דיסקרטיים מתחת לכותרות הכרטיסים. - Grey 500
#c1c1c1— טקסט מושבת, טקסט מציין מיקום בשדות קלט וקווי מתאר מושתקים של סמלים במקומות בהם נדרשת הדגשה של סטטוס. - Bebe
#ebebeb— גבולות דקים, שדות קלט עם קו תחתון, מפרידים בין שורות רשימה וקווי הפרדה עדינים. - Deco
#dddddd— תמונות רקע של כרטיסים עבור מכולות לא פעילות, מצייני מיקום ומצבי כרטיסים מושבתים. - Faint
#f7f7f7— תמונת הרקע של בד הציור של הדף, משטח הכותרת התחתונה ומצב הריחוף של אלמנטים אינטראקטיביים הם בגוון רך וקרמי שמבדיל דף זה מהכרטיסים הלבנים הטהורים.
טיפוגרפיה
מ-11 עד 28 פיקסלים · 5 שלבים
- Airbnb Cereal VF — תַחֲלִיף: Circular · קווי מתאר 400, 500, 600, 700 · גופן גיאומטרי מסוג sans-serif מותאם אישית שעוצב עבור Airbnb. גוף הטקסט ממוקם ב-14px/400, תוויות ממשק המשתמש ב-16px/500, כותרות מקטעים ב-20px/600, 22px/500 עם ריווח אותיות צר של -0.02em, וכותרות עמוד ב-28px/700. ריווח אותיות שלילי יורד עם הגדלת הגודל, מאפיין של גופני sans-serif גיאומטריים בגדלי מסך גדולים יותר. מאפשר את תכונת הגליף החלופי "salt".
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 12px |
| רדיוס הכפתור | 9999px |
| רדיוס הכרטיס | 12px |
| צללים | צללים רכים |
| בין סעיפים | 48px |
| רוחב העמוד | 1440px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Airbnb ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Apple (España) — ויטרינת גלריה לבנה
- Silencio — חדר לבן עם חפצים צפים. תצוגת גלריה עשויה מנייר חם, שבה כל אלמנט תופס את מקומו על רקע של נפח שלילי, והדממה היא החלטה עיצובית מכוונת.
- Oakâme — סדנה פרובנסלית שטופת שמש מגולפת מאבן חמה
- Nike — גלריה מונוכרום של הישגים ספורטיביים – קירות לבנים, המוצר כיצירת אמנות, כרום נמס ברקע
- Arc — גלריה לבנה תעשייתית מעל מים בחצות
- Rivian — מונולית חשמלי על קיר הבטון של הגלריה. ריביאן מציג כל רכב כפסל על רקע חלל לבן עצום, עם טיפוגרפיה כה גדולה עד שהיא הופכת לאלמנט אדריכלי, וצהוב חם יחיד ששובר את האווירה המונוכרומטית, כמו אור שמש על משטח מט.
- Analogue — ויטרינת גלריה שחורה – סחורות מרחפות בחלל הריק
- ddna — ארון תצוגה חם למוזיאון על פשתן לא מטופל
- Zellerfeld — סדנת פסל על שיש לבן - המשטחים המונוליטיים של הדום, ניצוץ בודד של קובלט, לחישה של אותיות קטנות מהרצפה ועד התקרה
- UY Studio — גלריית האבן של המנזר היא חלל שקט עם קירות בטון, שבו בקבוקי בושם ניצבים על בסיסים לבנים, מוארים על ידי מנורת 400 וואט אחת וארבע נורות אפורות חמות.
- Basic.Space — גלריה אוצרותית על שיש לבן
- COS — גלריה אופנתית עם קירות לבנים