Glossier
阳光下的摄影——白纸、黑墨、一抹亮黄色点缀
Glossier 的设计风格如同数字美妆杂志：近乎黑白的单色画布上，点缀着一抹亮眼的黄色，它既是品牌标志，也是唯一的行动号召。整个系统在编辑上力求克制——超大的 Apercu 标题、充足的文字空间、占据整页篇幅的生活方式摄影，这些都承载了大部分的情感分量——在执行上则秉持实用主义：扁平的产品卡片、纤细的边框，以及完全摒弃的装饰。黄色并非辅助品牌色；它本身就是品牌色，使用得恰到好处，每一次出现都如同闪光灯般引人注目。其他一切都旨在融入背景：中性色是带有微妙腮红色调的暖灰色，边框简洁，字体紧凑。最终呈现出的是一个自信、低调而又不失现代感的品牌形象。
页面采用垂直排列的全屏版块，每个版块都设计成独立的专题版面。主版块是一张全宽照片，左上角有一个白色悬浮图层，页面底部则是一个占据整个页面的醒目黄色Logo。主版块下方，各版块交替呈现全屏图片和卡片网格。类别（护肤/彩妆）被分为两列，图片比例为50/50，且没有可见的边框——只有一条连接图片的线条将它们分隔开来。产品目录采用四列方形卡片网格，画布为#f7f7f7色。导航栏采用极简的顶部栏设计，上方有一个辅助广告条。版块之间的间距较大（64像素），但过渡平滑——除了暖色调的页脚之外，没有分隔线或交替的背景色。整体节奏为：图片、文字、图片、网格、图片——如同翻阅一本时尚杂志。
摄影是主要的视觉语言。整个页面都充满了生活方式图片和人像——温暖的黄金时段光线、柔和的肌肤特写、手握产品瓶身，背景是耀眼的阳光。照片的色调温暖而低饱和度：桃色的天空、赤陶色的肤色、深邃的海洋蓝。除了白色文字卡片或黄色标志外，所有图片都占据整个页面，没有圆角、边框或叠加层。产品目录卡片上的产品照片在纯白无瑕的背景上拍摄，光线均匀柔和。图像与文字的比例约为70/30——图像传达情感，文字传达功能。没有插图、抽象图形或3D渲染图。
调色板
品牌
- Glossier Yellow
#fff116— 黄色用作装饰细节的辅助点缀色，以及突出显示不常用的搜索查询。它不应作为行动号召的主色调。
中性的
- Ink
#000000— 正文、导航链接、主要文本、页脚文本、图标轮廓、细边框；主要排版和结构颜色。 - Paper
#ffffff— 产品卡片表面、填充区域、凸起面板；堆叠中最亮的表面层。 - Fog
#f7f7f7— 页面画布、部分背景、页面上图像之间的过渡效果；整个网站所在的底层表面。 - Blush
#faf2f4— 页脚背景，柔和温暖的章节分隔线；淡淡的粉白色调为页面底部增添了温暖感。 - Mist
#f0f0f0— 用于创建不显眼背景和分隔不同区域的轻质支撑面。它不应用作行动号召的主色。 - Ash
#e8e8e8— 输入字段边框、图标背景、细分隔线；卡片和表单元素的结构边框颜色。
排版
从 12 像素到 32 像素 · 5 步
- Apercu — 替代品： Inter · 轮廓 400, 500, 700 · 用户界面中通篇使用主字体——正文为 16px/400，导航和标题为 12–14px/500，副标题为 20px/500，社论标题为 32px/700。Apercu 的几何人性化设计赋予品牌简洁现代的风格；近乎零间距（0.002–0.003em）使字体紧凑，更像杂志字体，而非轻盈或亲切。700 字重仅用于社论中的显示元素，不用于用户界面元素。
- Apercu Mono — 替代品： JetBrains Mono or IBM Plex Mono · 轮廓 400 · 订单元数据、跟踪号码和代码旁边的标签采用微型实用字体；等宽字体版本与比例正文字体形成对比，营造出技术质感。
- GTStandard-M — 替代品： Inter · 轮廓 400 · GTStandard-M - 在提取的数据中发现，但人工智能未对其进行描述。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 8px |
| 按钮半径 | 0px |
| 卡片半径 | 0px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 64px |
| 页面宽度 | 1440px |
AI 将按照Glossier风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Lightship — 一幅展现公路旅行的电影式立体模型。温暖的奶油色画廊墙壁上装饰着紧密排列的大幅风景照片，细细的黑色字体几乎难以辨认地印在画框上，一抹亮橙色打破了单调的氛围，如同草地上的篝火。
- Faire ES — 暖霜批发目录
- Adanola — 一本印在白纸上的时尚大片。排版和摄影作品在干净的白色表面上显得格外醒目，字体采用黑色墨水，并搭配低调的标志性无衬线字体（Favorit），体现了品牌的整体风格。
- Oura Ring — 一间温馨的燕麦片制作工作室，沐浴在柔和的日光中。
- Stykka — 一间沐浴在白色灯光下的斯堪的纳维亚工作室——一个静谧的手工展厅，这里唯一的声音是摄影。
- DJI — 航空黑色帆布，点缀以一抹亮眼的电光蓝。
- Altitude Beverages — 黑白杂志插页。想象一下，一本时尚杂志的插页，除了静态照片外，所有色彩都被剥离——文字和留白讲述了整个故事。
- AATHER — 一只张开的手掌，一簇火焰——静谧中蕴藏的奢华
- Cowboy — 一家比利时自行车展厅，坐落在雪白的瓷器环境中。展厅内，哑光表面、宣传材料中使用的大字体以及几乎没有任何装饰，都将人们的目光吸引到自行车及其内部物品上。
- Refero — 白色大理石纹理的编辑布局——由排版师设计的产品页面，衬线字体标题是品牌的名片，其他一切都低调内敛。
- Face Formula — 一幅北欧风格的时尚大片。画面平静，杂志风格，模特的眼神和标题（采用简洁的衬线字体）在清冷朦胧的背景下显得格外引人注目。
- Shupatto — 白色大理石博物馆展柜