Airbnb
一面静谧的白色画廊墙，上面挂着一枚珊瑚红色的书签。
Airbnb 采用“白色画布”风格，以摄影为主导：几乎每个屏幕都是简洁的单色框架，让房源的全屏图片传达整体印象，仅以一抹浓郁的珊瑚红（Rausch 字体）作为唯一的色彩提示，表明房源处于活动状态。字体采用几何无衬线字体（Airbnb Cereal VF），正文、界面和标题（22-22 字号）大多较小且醒目，行间距紧凑，即使卡片上的文字密集也能清晰易读。界面扁平化、无边框且圆润：卡片和控件的半径为 12-3 圆角，按钮呈圆形药丸状，只有搜索栏等重要元素才使用柔和的多层阴影。其他所有元素——卡片、列表项、链接——都依靠留白和细线，而非彩色装饰。
页面采用全宽布局，没有固定的最大宽度限制——内容在可视区域内铺满整个页面，桌面端两侧各留有约 40 像素的水平内边距。页面中心是一个悬浮的搜索框，位于中性白色背景的中央，没有图片或标题——搜索栏本身就是页面的焦点。搜索框下方过渡到垂直堆叠、水平滚动的多个版块（可见四行：精选房源、优质酒店、其他城市、下月可入住），每个版块高度约为 320 像素，版块之间以 48 像素的垂直间距分隔。每个版块都采用 7 格网格布局，支持水平溢出和箭头导航。页脚是一个三列链接网格，背景色为 #f7f7f7，下方是包含版权信息、语言/货币选项和社交媒体图标的底部栏。导航栏位于顶部，采用居中标签导航和右对齐控件。
摄影是视觉系统的主导元素，全屏展示的房源图片是主要内容类型。所有照片均为光线充足、色调温暖的真实房屋和酒店室内外实拍图，并经过自然色彩校正处理（未使用过多滤镜或双色调）。房源卡片的图片采用1:1的紧凑裁剪比例，确保图片填充卡片边缘，避免溢出。界面中的图标均采用单色轮廓（线宽约为16-16），仅少量用于导航类别和用户界面控件。Logo是唯一的多色图形元素（Rausch）。没有插图、没有3D渲染、没有抽象图形——视觉语言是纯粹的摄影作品和极简的单色图标，呈现在柔和的白色背景上。
调色板
品牌
- 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 · 一款专为 Airbnb 设计的自定义几何无衬线字体。正文字体大小为 14px/400，UI 标签为 16px/500，章节标题为 20px/600 和 22px/500，字间距为 -0.02em，页面标题为 28px/700。负字间距会随着字体大小的增加而减小，这是几何无衬线字体在大屏幕尺寸下的典型特征。启用“盐”字形替代功能。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 12px |
| 按钮半径 | 9999px |
| 卡片半径 | 12px |
| 阴影 | 柔和的阴影 |
| 各部分之间 | 48px |
| 页面宽度 | 1440px |
AI 将按照Airbnb风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Apple (España) — 白色画廊展示柜
- Silencio — 一个白色的房间，漂浮着各种展品。一个用温暖的纸张制成的画廊展台，每个展品都与负空间背景相映成趣，而静谧的环境则是刻意营造的设计氛围。
- Oakâme — 阳光普照的普罗旺斯工坊，由温暖的石头雕琢而成。
- Nike — 一个单色调的体育成就画廊——白墙，产品本身如同艺术品，镀铬元素融入背景。
- Arc — 午夜水面之上的工业白色画廊
- Rivian — 画廊混凝土墙上矗立着一座醒目的电子巨石。Rivian 将每辆车都呈现为一件雕塑作品，置于广阔的白色背景之上，硕大的字体本身就成为了一种建筑元素，而一抹温暖的黄色打破了单调的氛围，如同阳光洒在哑光表面上一般。
- Analogue — 黑色画廊展示柜——商品悬浮在虚空中
- ddna — 温暖的博物馆展柜，置于未经处理的亚麻布上
- Zellerfeld — 一座以白色大理石为基座的雕塑工作室——基座的整体表面，一抹钴蓝，从地板到天花板低语般的小写字母
- UY Studio — 修道院的石砌走廊是一个安静的空间，墙壁是混凝土的，香水瓶摆放在白色的基座上，由一盏 400 瓦的台灯和四个暖灰色的灯泡照明。
- Basic.Space — 白色大理石上的策展画廊
- COS — 一家时尚的画廊，墙壁是白色的。