
Custo
一个以枪灰色为主色调、采用单一字体的画廊。一个以柔和的灰绿色为主色调的展厅,里面只有一个深色物件和57像素的字体,无需过多解释。
Custo 的设计理念如同一个工业产品展厅:温暖的金属质感画布为实物产品提供背景,而大幅字体则作为主要的视觉装饰。整个系统采用纯无色设计——不使用任何彩色——使得深色阳极氧化处理的信箱和单一无衬线字体的几何美感得以充分展现品牌的个性。每个屏幕都巧妙地平衡了大面积的留白和醒目的字体,品牌标识以近乎建筑元素的方式重复出现。表面平整且哑光;深度感并非通过阴影或渐变来营造,而是通过产品自身的反射来实现的。
页面布局采用垂直单栏结构,最大内容宽度约为 1280 像素,居中显示在视口内。主页面元素横跨整个页面宽度,采用 Canvas Gunmetal #9ea29f 满版渲染,右侧居中放置邮箱照片,底部边缘则放置 57 像素的 CUSTO® 标志。主元素下方,页面内容交替排列:首先是两栏文本块(左侧为小标题,右侧为大标题),然后是包含三张产品图片的水平网格,接着是两栏文本和图片,主要文本交替出现在两侧。各部分之间的间距为 110 像素,营造出充足的垂直空间。导航栏为一个透明的顶部栏,滚动页面时会逐渐过渡到白色。CES 图标是一个固定的浮动元素,位于右下角。整体布局风格类似画廊:每个部分元素较少,字体较大,间距较宽,并在文本条之间穿插产品照片作为视觉点缀。
这些图片均为Custo邮箱的产品摄影作品,拍摄方式有三种:以金属边框为背景的全身人像照、展示用户与设备互动场景的生活照,以及扫描界面和LED环形灯的特写。所有照片均采用柔和的高对比度色调,邮箱的哑光黑色外观成为视觉焦点。网站上没有插图、抽象图形或素材图片。照片以8像素半径的卡片形式呈现,或全屏显示在57像素的品牌标识后方。CES图标是整个网站上唯一的彩色图片。
调色板
中性的
- Canvas Gunmetal
#9ea29f— Custo 的主版块和主题版块采用温暖的灰绿色背景,使其区别于标准的白色 SaaS 模板,感觉更像是建筑混凝土,而不是数字表面。 - Obsidian
#000000— 正文、细边框、图标笔画——系统中对比度最高的墨水,用于标题和结构分隔符。 - Paper White
#ffffff— 身体部位背景图片,枪灰色画布上的反转文字,产品摄影中深色背景上的文字。 - Anodized Graphite
#4b514d— 产品摄影、附加标题和三维文本的深色表面与邮箱的表面处理相呼应,因此用户界面和产品由相同的材料制成。 - Brushed Steel
#8e9194— 柔和的正文文本、列表分隔符和额外的图标轮廓位于 Paper White 和 Obsidian 之间,用于嵌入元数据和隐蔽链接。 - Linen Mist
#a7aaad— 标题和分隔线的边框和分隔符的浅色是一种微妙的色调,它永远不会与黑曜石色的结构线条相冲突。
排版
从 15 像素到 57 像素 · 5 步
- PP Neue Montreal — 替代品: Inter · 轮廓 400 (Medium) · 从正文到说明文字,所有内容都使用单一字体系列——几何形状的粗细统一是其标志,避免使用任何辅助字体或特定于显示的字体,因此设置为 57px 的“CUSTO®”字标与 15px 的表单输入字段标签属于同一字体系列。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 24px |
| 按钮半径 | 31.35px (pill) for primary action; 8px for secondary |
| 卡片半径 | 8px |
| 阴影 | 无边框,取而代之的是阴影 |
| 各部分之间 | 110px |
| 页面宽度 | 1280px |
AI 将按照Custo风格构建您的网站并填充内容。
- 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- 099 SUPPLY — 一面挂满黑白物品的画廊墙
- Specht Studio — 一面充满含蓄好奇的画廊墙。工作室特有的镀铬饰面呈现白色底色和黑色字体;视觉上的亮点完全集中在瓷砖铺贴的设计中。
- Structured — 文艺复兴画廊,画在类似橡皮泥的纸上
- Airbnb — 一面静谧的白色画廊墙,上面挂着一枚珊瑚红色的书签。
- VSCO — 画廊的单色墙面上展出了一系列黑白照片,一束温暖的聚光灯照亮了接下来的画面。
- Apple (España) — 在柔和的日光下,博物馆展厅是一个单一、迷人、轻盈的白色空间,每个展品都由一束聚光灯照亮,照射在浅色墙壁上。
- Peak Design — 画廊墙,部分照明
- Apple (España) — 黑曜石画廊的展厅是一个昏暗的展厅,一个钛金属物体在漆黑的背景下闪闪发光。
- Apple (España) — 白色画廊展示柜
- teenage engineering — 工业摄影棚照明产品目录——产品是页面上唯一的主要元素,其他所有内容都围绕它展开。
- Apple (España) — 清晨薄雾中的画廊窗户
- Apple (España) — 中午时分,白博物馆画廊