Bang & Olufsen
แกลเลอรี่สแกนดิเนเวียบนเครื่องลายคราม เมื่อหน้าจอ B&O มืดลง ชิ้นงานจะส่องสว่างราวกับประติมากรรมในซอกหลืบยามเที่ยงคืน เมื่อส่องสว่างเต็มที่ ชิ้นงานจะดูเหมือนลอยอยู่บนผ้าไหมสีขาว โดยไม่มีสิ่งใดมาดึงความสนใจไปจากมัน
Bang & Olufsen ดำเนินงานบนหลักการของหอศิลป์และพิพิธภัณฑ์: พื้นผิวสีขาวนวลราวกับผืนผ้าใบเซรามิก วางผลิตภัณฑ์ต่างๆ ราวกับงานประติมากรรม โดยมีสีสันแทรกเข้ามาเป็นครั้งคราว ซึ่งครอบคลุมความกว้างทั้งหมดของหน้าจอ—เช่น สีม่วงอัลตรามารีนเข้มที่กินพื้นที่ทั้งหน้าจอ หรือบางครั้งก็เป็นสีแดงเทอร์ราคอตต้าเข้ม—เพื่อเพิ่มอารมณ์ความรู้สึก ตัวอักษรเป็นแบบนีโอ-โกรเทสก์ที่ออกแบบเองเพียงแบบเดียว (BeoSupreme) ซึ่งสื่อความหมายได้ด้วยตัวเอง: แทบมองไม่เห็นบนหน้าจอขนาดใหญ่ ตัวอักษรพิมพ์ใหญ่ที่เติมเต็มอย่างเต็มที่บนฉลากขนาดเล็ก ไม่จำเป็นต้องใช้แบบอักษรอื่น ส่วนประกอบต่างๆ ถูกลดทอนให้เหลือน้อยที่สุด: ปุ่มควบคุมรูปทรงแคปซูลโปร่งแสง ขอบบางๆ ไม่มีเงาตกแต่ง ไม่มีปุ่มไล่ระดับสี ไม่มีไอคอน ตารางมีพื้นที่กว้างขวาง พื้นที่ว่างเป็นสิ่งฟุ่มเฟือย ผลิตภัณฑ์แต่ละชิ้นมีฐานลอยตัวของตัวเอง พื้นที่สีขาวโดยรอบคือพื้นที่ว่าง สีถูกจัดวางราวกับวัสดุอันล้ำค่า—เมื่อปรากฏขึ้น มันจะครอบคลุมทั้งเฟรม
คอนเทนเนอร์ที่มีความกว้างสูงสุด 1440 พิกเซลนั้นอยู่ตรงกลางและมีระยะขอบแนวนอน 25 พิกเซล องค์ประกอบหลัก (hero element) ใช้ความกว้างเต็มหน้า (ทำให้คอนเทนเนอร์เสียรูปทรง) และภาพกล้องสีน้ำเงินเข้ม (ultramarine camera) ขยายจากขอบหนึ่งไปยังอีกขอบหนึ่ง ตารางสินค้าจัดเรียงอย่างสม่ำเสมอใน 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; — พบในข้อมูลที่ดึงออกมา แต่ AI ไม่ได้อธิบายไว้
ช่วงเวลาและรูปแบบ
| วัตถุประสงค์ | ความหมาย |
|---|---|
| ความหนาแน่น | หนาแน่น |
| ขั้นตอนพื้นฐาน | 8-16px |
| รัศมีปุ่ม | 40px |
| รัศมีการ์ด | 0px |
| เงา | ไม่ - ใช้เส้นขอบแทนเงา |
| ระหว่างส่วนต่างๆ | 60-80px |
| ความกว้างของหน้า | 1440px |
AI จะสร้างเว็บไซต์ของคุณในสไตล์ของ Bang & Olufsen และเติมข้อมูลลงไป
- ใส่สินค้าและโพสต์ผ่านลิงก์ - Instagram, TikTok, Facebook
- ย้ายเนื้อหาจากเว็บไซต์เก่าของคุณ—เพียงระบุที่อยู่เว็บไซต์
- ดีไซน์ทันสมัยบนเอนจิ้นที่ดีที่สุด: React ( Next.js) พร้อมการเรนเดอร์ฝั่งเซิร์ฟเวอร์และการเพิ่มประสิทธิภาพ SEO ในตัว
- การเพิ่มประสิทธิภาพ SEO แบบอัตโนมัติเต็มรูปแบบสำหรับผลการค้นหาและคำแนะนำจากโครงข่ายประสาทเทียม
สไตล์ที่คล้ายกัน
- Structured — หอศิลป์ยุคเรเนซองส์บนกระดาษคล้ายดินน้ำมัน
- Apple (España) — ห้องแสดงงานศิลปะของพิพิธภัณฑ์ ภายใต้แสงแดดอ่อนๆ เป็นพื้นที่สีขาวโล่งกว้างที่ดึงดูดใจและไร้น้ำหนัก โดยแต่ละชิ้นงานจัดแสดงจะถูกส่องสว่างด้วยไฟสปอตไลท์ที่ส่องไปยังผนังสีอ่อนๆ
- Apple (España) — ห้องจัดแสดงนิทรรศการ Obsidian Gallery เป็นห้องจัดแสดงที่มืดมิด ซึ่งมีวัตถุไทเทเนียมชิ้นเดียวเรืองแสงตัดกับฉากหลังสีดำสนิท
- 099 SUPPLY — ผนังแกลเลอรี่ที่เต็มไปด้วยวัตถุสีดำและสีขาว
- Custo — แกลเลอรี่สีเทาเข้มพร้อมตัวอักษรแบบโมโนลิธ โชว์รูมโทนสีเทาอมเขียวที่ดูเรียบง่าย ซึ่งมีเพียงวัตถุสีเข้มชิ้นเดียวและตัวอักษรขนาด 57 พิกเซลที่สื่อความหมายได้ด้วยตัวเอง
- Apple (España) — หอศิลป์พิพิธภัณฑ์สีขาว เวลาเที่ยง
- VITURE — การจัดแสดงสินค้าด้วยแสงนีออนหลังกระจกสีดำสนิท – โชว์รูมที่มืดมิด มีเพียงลำแสงสีส้มเดียวส่องทะลุความมืดลงมา ส่องสว่างแว่นตาคู่หนึ่งบนแท่นวาง
- HNST Studio — สตูดิโอแสนอบอุ่นที่ตกแต่งด้วยผ้าลินินสีสนิม เป็นแกลเลอรี่แฟชั่นแบบยั่งยืน ที่ซึ่งสีส้มไหม้เพียงสีเดียวช่วยเพิ่มความอบอุ่นให้กับภายในที่เรียบง่ายด้วยสีครีมและสีเทาเข้ม
- OFFFICE : — แกลเลอรี่แนวฟิล์มนัวร์ที่ถูกห้อมล้อมด้วยตัวอักษรขนาดใหญ่
- ARTU — ผนังแกลเลอรี่บนกระดาษสีขาว ARTU ออกแบบพื้นที่จัดแสดงราวกับเป็นนิทรรศการในพิพิธภัณฑ์ ด้วยภาพถ่ายผลิตภัณฑ์ขนาดใหญ่ เครื่องหมายเล็กๆ น้อยๆ และสีเขียวมะนาวแต้มที่ด้านล่างเพื่อเติมเต็มองค์ประกอบให้สมบูรณ์
- Specht Studio — ผนังแกลเลอรี่ที่เต็มไปด้วยความน่าสนใจอย่างแนบเนียน พื้นผิวโครเมียมของสตูดิโอเป็นสีขาวและตัวอักษรสีดำ ความสวยงามตระการตาถูกเน้นไปที่งานกระเบื้องของโครงการทั้งหมด
- MindMarket — หนังสือนิทานแสนอบอุ่นบนกระดาษสีครีม – พื้นที่บรรณาธิการที่เป็นมิตรซึ่งพาดหัวข่าวขนาดใหญ่ของ Inter และตัวการ์ตูนกระดาษที่ตัดออกมาอยู่ร่วมกันบนพื้นผิวที่นุ่มนวลราวกับสติ๊กเกอร์ที่อาบแสงแดด