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–36px，字间距较小（-0.056em → -0.014em），打造自信简洁的标题。正文和用户界面：字重 400，字号 14–16px，字间距正常，行距 1.5–1.7。微型标签（导航、图标、“成立于 1925 年”标语）：字重 500，字号 9–12px，字间距较大（最大可达 +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 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Structured — 文艺复兴画廊，画在类似橡皮泥的纸上
- Apple (España) — 在柔和的日光下，博物馆展厅是一个单一、迷人、轻盈的白色空间，每个展品都由一束聚光灯照亮，照射在浅色墙壁上。
- Apple (España) — 黑曜石画廊的展厅是一个昏暗的展厅，一个钛金属物体在漆黑的背景下闪闪发光。
- 099 SUPPLY — 一面挂满黑白物品的画廊墙
- Custo — 一个以枪灰色为主色调、采用单一字体的画廊。一个以柔和的灰绿色为主色调的展厅，里面只有一个深色物件和57像素的字体，无需过多解释。
- Apple (España) — 中午时分，白博物馆画廊
- VITURE — 午夜玻璃后的霓虹灯产品展示——昏暗的展厅里，一道橙色光束划破黑暗，照亮了展台上的一副眼镜。
- HNST Studio — 一间舒适的工作室，铺着锈迹斑斑的亚麻布，是一个慢时尚画廊，一抹焦橙色点缀着原本以奶油色和炭灰色为主的修道院式内饰，增添了一丝温暖。
- OFFFICE : — 一个被单调字体所包围的黑色画廊
- ARTU — 画廊墙面以白纸为底。ARTU 将展示空间处理得如同博物馆的展板——大幅产品照片、微妙的标记，以及底部点缀的一抹青柠色，共同构成完整的画面。
- Specht Studio — 一面充满含蓄好奇的画廊墙。工作室特有的镀铬饰面呈现白色底色和黑色字体；视觉上的亮点完全集中在瓷砖铺贴的设计中。
- MindMarket — 这是一本印在奶油色纸上的温馨童话书——友好的编辑画布上，醒目的国际标题和剪纸人物在阳光普照、柔软的贴纸表面上和谐共存。