Bang & Olufsen

Tranh phong cảnh Scandinavia trên chất liệu sứ. Khi trang B&O tối, tác phẩm được chiếu sáng, giống như một tác phẩm điêu khắc trong hốc tường đêm khuya; khi được chiếu sáng, tác phẩm dường như lơ lửng trên lụa trắng, không có gì khác làm phân tán sự chú ý.

Bang & Olufsen hoạt động dựa trên nguyên tắc của phòng trưng bày-bảo tàng: những tấm nền sứ gần như trắng tinh, trên đó các sản phẩm nổi lên như những tác phẩm điêu khắc, thỉnh thoảng được điểm xuyết bằng những mảng màu trải rộng toàn bộ chiều rộng màn hình—một màu tím xanh đậm bao trùm toàn bộ màn hình, đôi khi là màu đỏ đất nung đậm đà—để tạo điểm nhấn cảm xúc. Kiểu chữ là một kiểu chữ tân-grotesque duy nhất, được thiết kế riêng (BeoSupreme), tự nói lên tất cả: hầu như không thể nhận thấy trên màn hình lớn, chữ in hoa được in đậm trên các nhãn nhỏ, không cần thêm bất kỳ kiểu chữ nào khác. Các thành phần được tối giản đến mức tối thiểu: các nút điều khiển hình viên thuốc trong suốt, viền mỏng, không có bóng trang trí, không có nút chuyển màu, không có biểu tượng. Lưới bố cục rộng rãi, không gian trống là một điều xa xỉ. Mỗi sản phẩm được đặt trên một bệ đỡ riêng; màu trắng xung quanh là không gian. Màu sắc được phân bố như một chất liệu quý giá—khi xuất hiện, nó chiếm toàn bộ khung hình.

Khung chứa có chiều rộng tối đa 1440px được căn giữa và có lề ngang 25px ở các cạnh. Phần tử chính chiếm toàn bộ chiều rộng của trang (làm phá vỡ khung chứa), và hình ảnh máy ảnh màu xanh đậm trải dài từ cạnh này sang cạnh kia. Lưới sản phẩm được bố trí đều đặn thành 4-5 cột với khoảng cách 25px và cuộn ngang trên thiết bị di động. Các phần xen kẽ giữa nền trắng và hình ảnh máy ảnh màu toàn chiều rộng—nhịp điệu như sau: lưới sản phẩm trắng → phần tử chính màu xanh đậm → lưới sản phẩm trắng → banner biên tập màu đỏ đậm → lưới sản phẩm trắng → chân trang màu xanh đậm. Thanh điều hướng là một thanh trên cùng tối giản nổi phía trên các phần màu trắng và màu (văn bản được đảo ngược thành màu trắng trên nền tối). Trang "thở"—khoảng cách giữa các phần là 60-80px, mỗi sản phẩm có không gian riêng trong các ô và không có mật độ thông tin dày đặc.

Ảnh sản phẩm là yếu tố hình ảnh duy nhất: không có ảnh phong cách sống, người mẫu hay bối cảnh môi trường. Sản phẩm được chụp trên nền hoàn toàn trung tính (trắng, đen và xanh đậm chuyển sắc) với ánh sáng studio được kiểm soát để làm nổi bật chất liệu: nhôm mờ, vân da, đồng mạ anod và silicon mờ. Ảnh được cắt xén sát, tập trung vào chủ thể chính. Màu sắc được làm dịu và phù hợp với chất liệu: đồng được cảm nhận là đồng, chứ không phải là "ánh sáng vàng". Các họa tiết hình ảnh phụ bao gồm hình bóng sản phẩm tối giản, chiếm toàn màn hình trên nền đơn sắc đậm (xanh lam đậm, đỏ đất nung) tạo nên những khoảnh khắc ấn tượng cho bài viết. Biểu tượng: đường kẻ mỏng 1px, đơn sắc đen trên nền trắng hoặc trắng trên nền tối, hình học, không tô màu, không nhiều màu.

Cửa hàng trực tuyến Phần thưởng Độ dốc mềm mại

https://bang-olufsen.com

Bảng màu

Thương hiệu

Ultramarine Velvet #060daa — Hình ảnh nền ở đầu và cuối trang, các phần ấn tượng trải rộng toàn bộ chiều rộng trang và phần chân trang được phủ kín bằng một màu sắc đậm, gần như đen-xanh-tím, được sử dụng để bao trùm toàn bộ khung hình và tạo cảm giác kịch tính cho một sản phẩm duy nhất.

Trung lập

Porcelain Canvas #ffffff — Hình nền trang, thiết kế thẻ sản phẩm và thanh điều hướng là nền tảng cơ bản mà mọi sản phẩm được xây dựng dựa trên đó.
Bone #fcfaee — Một bề mặt phụ cho các khối màu trung tính ấm áp, văn bản nút trên nền tối, một nền thay thế khi màu trắng tạo cảm giác khô khan.
Obsidian #191817 — Văn bản chính và văn bản mô tả sản phẩm có màu ấm, gần như đen, trông mềm mại hơn so với màu #000000 thuần túy trên nền trắng.
Pure Ink #000000 — Các đường viền biểu tượng, thẻ nhỏ, đường viền tinh tế và độ tương phản văn bản sắc nét nhất.
Graphite #555555 — Văn bản phụ, siêu dữ liệu, nhãn giá, văn bản phụ trợ không lời thoại
Mist #e5e5e5 — Các ranh giới dữ liệu đầu vào mỏng và là bộ phân tách cấu trúc duy nhất trong hệ thống.

Kiểu chữ

Từ 12 đến 36px · 5 bước

BeoSupreme — thay thế: Neue Haas Grotesk Display Pro (closest) · phác thảo 400, 500, 700 · Một phông chữ duy nhất phản ánh toàn bộ nhận diện thương hiệu. Đối với tiêu đề và đề mục: độ đậm 500–700, kích thước 24–36px với khoảng cách chữ hẹp (-0.056em → -0.014em) cho các tiêu đề ngắn gọn, súc tích. Đối với nội dung chính và giao diện người dùng: độ đậm 400, kích thước 14–16px, khoảng cách chữ bình thường, khoảng cách dòng 1.5–1.7. Nhãn nhỏ (điều hướng, biểu tượng, khẩu hiệu "Thành lập năm 1925"): độ đậm 500, kích thước 9–12px với khoảng cách chữ rộng lên đến +0.143em, hiển thị bằng chữ in hoa để sử dụng như các chú thích kiến trúc tinh tế. Không có phông chữ nào khác cạnh tranh.
object-fit: cover; object-position: center; — thay thế: Inter · phác thảo 400 · object-fit: cover; object-position: center; - được tìm thấy trong dữ liệu đã trích xuất nhưng không được AI mô tả.

Khoảng cách và hình thức

Mục đích	Nghĩa
Tỉ trọng	dày đặc
Bước cơ bản	8-16px
Bán kính nút	40px
Bán kính thẻ	0px
Bóng tối	không - viền thay vì bóng
Giữa các phần	60-80px
Chiều rộng trang	1440px

AI sẽ xây dựng trang web của bạn theo phong cách Bang & Olufsen và điền đầy đủ thông tin vào đó.

Đăng tải sản phẩm và bài viết qua các liên kết sau: Instagram, TikTok, Facebook.
Chuyển nội dung từ trang web cũ của bạn—chỉ cần chỉ định địa chỉ.
Thiết kế hiện đại trên nền tảng tốt nhất: React ( Next.js) với khả năng render phía máy chủ và tối ưu hóa SEO ngay từ đầu.
Tối ưu hóa SEO hoàn toàn tự động cho kết quả tìm kiếm và đề xuất dựa trên mạng thần kinh.

Tạo một trang web theo phong cách này

Phong cách tương tự

Structured — Tranh vẽ theo phong cách Phục Hưng trên giấy giống như đất sét nặn.
Apple (España) — Dưới ánh sáng ban ngày dịu nhẹ, phòng trưng bày của bảo tàng là một không gian trắng tinh khôi, quyến rũ và nhẹ nhàng, mỗi hiện vật được chiếu sáng bằng đèn spotlight trên nền tường được phủ một lớp màu nhạt.
Apple (España) — Phòng trưng bày Obsidian Gallery là một không gian triển lãm tối tăm, nơi một vật thể bằng titan duy nhất phát sáng trên nền đen kịt.
099 SUPPLY — Một bức tường trưng bày đầy những vật thể đen trắng.
Custo — Một phòng trưng bày màu xám kim loại với phông chữ nguyên khối. Một không gian trưng bày tông màu xám xanh trầm, nơi một vật thể tối màu duy nhất và phông chữ 57px tự nói lên tất cả.
Apple (España) — Phòng trưng bày Bảo tàng Trắng vào buổi trưa
VITURE — Một màn trưng bày sản phẩm bằng đèn neon phía sau lớp kính tối đen như mực – một phòng trưng bày tối om, nơi một tia sáng màu cam duy nhất xuyên qua bóng tối, chiếu sáng một cặp kính trên giá đỡ.
HNST Studio — Một studio ấm cúng với những tấm vải lanh nhuốm màu gỉ sét là một phòng trưng bày thời trang bền vững, nơi một điểm nhấn màu cam cháy duy nhất làm ấm lên không gian nội thất tối giản với tông màu kem và than chì.
OFFFICE : — một phòng trưng bày đen tối chìm trong phông chữ nguyên khối
ARTU — Bức tường trưng bày trên giấy trắng. ARTU bố trí không gian như một triển lãm bảo tàng – những bức ảnh sản phẩm khổ lớn, những chi tiết tinh tế và một chút màu xanh lá cây ở phía dưới để hoàn thiện bố cục.
Specht Studio — Một bức tường trưng bày đầy những điều kỳ thú một cách tinh tế. Lớp mạ crôm do chính studio tạo ra có bề mặt màu trắng với chữ màu đen; sự rực rỡ về mặt thị giác hoàn toàn tập trung vào phần ốp lát của dự án.
MindMarket — Một cuốn sách truyện cổ tích ấm áp trên giấy màu kem - một bề mặt biên tập thân thiện, nơi những tiêu đề lớn của Inter và các nhân vật cắt giấy cùng tồn tại trên một bề mặt mềm mại, ngập tràn ánh nắng.