精选 · 开放 · 免费

Brightland

高端 DTC 食品品牌，将大胆的衬线字体与温暖、阳光普照的生活方式摄影相结合。

01

设计气质 DNA

一个高端食品储藏品牌，融合了编辑摄影与温暖、亲切的美学。

02

色彩

高对比度的温暖调色板，以标志性的金黄色和柔和米白色背景上的利落黑色文字为基调。

03

字体

transitional-serif · humanist-sans

• display56px · 700
• heading16px · 400
• body16px · 400

04

间距

交互元素和模态框采用一致的 18px 内边距，flex 项目之间的间隙为 8-18px。

05

表面 (圆角 / 阴影 / 边线)

1px solid rgba(27, 27, 27, 0.12)

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.4) 0px 9999px 0px 9999px

06

布局

桌面端为双栏分割（50/50），在移动端合并为单栏，并带有突出的图片区块。

07

动效与交互

模态框透明度和变换的平滑过渡 · 交互元素的 hover 状态

药丸形按钮上的视觉反馈 · 选择偏好或关闭模态框

08

组件

• button 药丸形，纯黄色背景，黑色文字，水平内边距充足。
• card 模态覆盖层，采用柔和的米白色背景，大圆角（18px），并带有微妙的投影。
• hero 促销覆盖层，结合了大胆的衬线字体折扣标题与产品生活方式照片。

09

文案语气与禁用清单

• 语气 温暖、亲切且自信
• 标题风格 大胆、富有情感的衬线字体，聚焦于价值和品质
• 按钮文案 直接、行动导向且高度可见

• 不要使用纯白背景——截图显示的是温暖的米白色（#F9F2EA）
• 不要在标题中使用几何无衬线字体——截图显示使用的是过渡衬线字体
• 不要使用矩形按钮——截图显示的是圆角半径为 9999px 的药丸形按钮
• 不要使用柔和或柔和的主色调——截图显示的是高饱和度的金黄色
• 不要使用刺眼的蓝色或冷色调——截图显示的是温暖、大地色调的调色板
• 不要使用纤细、低对比度的边框——截图显示的是清晰定义的 1px 边框，带有微妙的不透明度
• 避免: 冰冷的技术语言
• 避免: 激进的折扣信息
• 避免: 复杂的术语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko