Bang & Olufsen
גלריה סקנדינבית על פורצלן. כאשר דף B&O חשוך, היצירה מוארת, כמו פסל בגומחה של חצות; כשהיא מוארת, היצירה נראית כאילו היא צפה על משי לבן, ללא דבר אחר שיסיח את תשומת ליבה.
Bang & Olufsen פועלת על פי עיקרון של גלריה-מוזיאון: קנבסים חרסינה כמעט לבנים עליהם מוצרים צפים כמו חפצים פיסוליים, מופרעים על ידי תוספות כרומטיות מדי פעם המשתרעות על פני כל רוחב המסך - סגול אולטרה-מרין עמוק שצורך את כל המסך, לפעמים אדום טרקוטה עשיר - להדגשות רגשיות. הטיפוגרפיה היא גופן ניאו-גרוטסקי יחיד, מעוצב במיוחד (BeoSupreme) שמדבר בעד עצמו: בקושי מורגש על מסכים גדולים, אותיות גדולות מלאות בנדיבות על תוויות מיקרו, אין צורך בגופנים אחרים. הרכיבים מצטמצמים למינימום: פקדים שקופים בצורת גלולה, גבולות דקים, ללא צללים דקורטיביים, ללא כפתורים עם גרדיאנט, ללא סמלים. הרשת נדיבה, מרחב שלילי הוא מותרות. לכל מוצר ניתן בסיס צף משלו; הלבן שמסביב הוא מרחב. הצבע מופץ כמו חומר יקר - כשהוא מופיע, הוא תופס את כל הפריים.
המכולה ברוחב מקסימלי של 1440 פיקסלים ממורכזת ויש לה 25 פיקסלים של שוליים אופקיים בקצוות. אלמנט הגיבורה תופס את כל רוחב העמוד (ובכך שוברים את המכולה), והמצלמה בצבע אולטרה-ירוק משתרעת מקצה לקצה. רשתות המוצרים פרוסות באופן שווה ב-4-5 עמודות עם רווחים של 25 פיקסלים וגוללות אופקית במכשירים ניידים. המדורים מתחלפים בין רקע לבן למצלמות צבעוניות ברוחב מלא - הקצב הוא כדלקמן: רשת מוצר לבנה → אלמנט גיבור בצבע אולטרה-ירוק → רשת מוצר לבנה → באנר עריכה אדום עשיר → רשת מוצר לבנה → כותרת תחתונה בצבע אולטרה-ירוק. הניווט הוא סרגל עליון מינימליסטי שצף מעל המדורים הלבנים והצבעוניים (הטקסט הפוך ללבן על רקע כהה). העמוד "נושם" - הרווחים בין המדורים הם 60-80 פיקסלים, למוצרים בודדים יש מרחב משלהם בתוך התאים, ואין צפיפות מידע.
צילום מוצר הוא האלמנט הוויזואלי היחיד: ללא תמונות לייף סטייל, דוגמניות או הקשר סביבתי. המוצרים מצולמים על רקע ניטרלי לחלוטין (לבן, שחור וכחול כהה עם גוונים מדורגים) עם תאורת סטודיו מבוקרת המדגישה את החומרים: אלומיניום מט, מרקם עור, נחושת אנודייזית וסיליקון מט. החיתוך צפוף, ממורכז, והנושא העיקרי מודגש. עיבוד הצבעים עמום ומתאים לחומר: נחושת נתפסת כנחושת, לא כ"שעת הזהב". מוטיבים ויזואליים משניים כוללים צלליות מוצר דלילות במסך מלא על רקע מישורים עשירים ומונוכרומטיים (אולטרה-כחול, אדום טרקוטה) לרגעים עריכה דרמטיים. איקונוגרפיה: קו דק של 1 פיקסלים, שחור מונוכרום על לבן או לבן על כהה, גיאומטרי, ללא מילוי, ללא צבעים מרובים.
לוּחַ הַצְבָעִים
מותג
- Ultramarine Velvet
#060daa— תמונות רקע בחלק העליון והתחתון של עמודים, קטעים דרמטיים המשתרעים על פני כל רוחב העמוד, ומילוי כותרת תחתונה - צבע עשיר, כמעט שחור-כחול-סגול, המשמש לבלוע פריימים שלמים ולהעניק תחושה תיאטרלית למוצר יחיד.
נֵטרָלִי
- Porcelain Canvas
#ffffff— תמונות רקע של עמוד, עיצוב כרטיס מוצר וסרגלי ניווט הם הבסיס עליו בנוי כל מוצר. - Bone
#fcfaee— משטח משני לבלוקים בגוונים ניטרליים וחמים, טקסט כפתורים על רקע כהה, בד קנבס חלופי כאשר לבן מרגיש סטרילי. - Obsidian
#191817— הטקסט הראשי ותיאור המוצר הם בצבע חם, כמעט שחור, שנראה רך יותר מ-#000000 טהור על רקע לבן. - Pure Ink
#000000— קווי מתאר של אייקונים, מיקרו-תגים, גבולות עדינים וניגודי טקסט חדים ביותר. - Graphite
#555555— טקסט משני, מטא-נתונים, תגיות מחיר, טקסט עזר שקט - Mist
#e5e5e5— גבולות נתוני קלט דקים והמפריד המבני היחיד במערכת.
טיפוגרפיה
מ-12 עד 36 פיקסלים · 5 שלבים
- BeoSupreme — תַחֲלִיף: Neue Haas Grotesk Display Pro (closest) · קווי מתאר 400, 500, 700 · גופן יחיד המשקף את זהות המותג כולה. עבור כותרות וכותרות ראשיות: משקל 500–700 פיקסלים, 24–36 פיקסלים עם ריווח אותיות צר (-0.056em → -0.014em) עבור כותרות תמציתיות ובטוחות. עבור גוף הטקסט וממשק המשתמש: משקל 400 פיקסלים, 14–16 פיקסלים, ריווח אותיות רגיל, ריווח שורות 1.5–1.7. מיקרו-תוויות (ניווט, סמלים, הסלוגן "נוסד בשנת 1925"): משקל 500 פיקסלים, 9–12 פיקסלים עם ריווח אותיות רחב עד +0.143em, מוצג באותיות גדולות לשימוש כהערות אדריכליות דיסקרטיות. אין גופן מתחרה אחר.
- object-fit: cover; object-position: center; — תַחֲלִיף: Inter · קווי מתאר 400 · object-fit: cover; object-position: center; - נמצא בנתונים שחולצו אך לא מתואר על ידי הבינה המלאכותית.
אינטרוולים וצורה
| מַטָרָה | מַשְׁמָעוּת |
|---|---|
| צְפִיפוּת | צָפוּף |
| שלב בסיסי | 8-16px |
| רדיוס הכפתור | 40px |
| רדיוס הכרטיס | 0px |
| צללים | אין גבולות במקום צללים |
| בין סעיפים | 60-80px |
| רוחב העמוד | 1440px |
בינה מלאכותית תבנה את אתר האינטרנט שלך בסגנון Bang & Olufsen ותמלא אותו
- מלאו מוצרים ופוסטים דרך הקישור - Instagram, TikTok, Facebook.
- העברת תוכן מהאתר הישן שלך - רק ציין את הכתובת.
- עיצוב מודרני על מנוע הפיתוח הטוב ביותר: React ( Next.js) עם רינדור שרת ואופטימיזציה של קידום אתרים (SEO) ישירות מהקופסה.
- אופטימיזציה אוטומטית לחלוטין של SEO עבור תוצאות חיפוש והמלצות לרשתות עצביות.
סגנונות דומים
- Structured — גלריית רנסנס על נייר דמוי פלסטלינה
- Apple (España) — גלריית המוזיאון, באור יום רך, היא חלל לבן יחיד, שובה לב וחסר משקל, כאשר כל תערוכה מוארת בזרקור על קיר כהה קלות.
- Apple (España) — תצוגת גלריית אובסידיאן היא אולם תצוגה חשוך שבו חפץ טיטניום בודד זוהר על רקע שחור כמשהו.
- 099 SUPPLY — קיר גלריה מלא בחפצים בשחור לבן
- Custo — גלריה בצבע אפרפר-מתכתי עם גופן מונוליטי. אולם תצוגה בגווני אפור-ירוק עמומים, שבו אובייקט כהה בודד וגופן של 57 פיקסלים מדברים בעד עצמם.
- Apple (España) — גלריית המוזיאון הלבן בצהריים
- VITURE — הצגת מוצר ניאון מאחורי זכוכית חצות – אולם תצוגה חשוך שבו קרן כתומה אחת חותכת את החושך ומאירה זוג משקפיים על מעמד
- HNST Studio — סטודיו נעים עם בדי פשתן מוכתמים בחלודה הוא גלריית אופנה איטית שבה נגיעה אחת של כתום שרוף מחממת את פנים המבנה הנזירי, העשוי בצבעי קרם ופחם.
- OFFFICE : — גלריית נואר עטופה בגופן מונוליטי
- ARTU — קיר גלריה על נייר לבן. ARTU מתייחסת לחלל התצוגה כמו לחלון מוזיאון - תמונות מוצר בקנה מידה גדול, סימונים עדינים ונגיעה אחת של ליים בתחתית שמשלימה את הקומפוזיציה.
- Specht Studio — קיר גלריה מלא בסקרנות דיסקרטית. גימור הכרום של הסטודיו הוא משטח לבן וכיתוב שחור; הזיקוקים החזותיים מרוכזים כולם בתוך עבודות האריחים של הפרויקט.
- MindMarket — ספר אגדות נעים על נייר בצבע קרם - בד עריכה ידידותי שבו כותרות גדולות של אינטר ודמויות נייר גזורות מתקיימות יחד על משטח שטוף שמש ורך כמדבקה.