精选 · 开放 · 免费

Redbrick Coffee

一个精致的咖啡品牌，在洁净的白色画布上，融合优雅的衬线字体与醒目的红色品牌标识。

01

设计气质 DNA

一家具有精致编辑美学的精品咖啡烘焙品牌。

02

色彩

以主导品牌红为核心，与洁净白色和浅灰色基础形成高对比度配对。

03

字体

didone-serif · geometric-sans

• display105px · 400
• heading30px · 400
• body20px · 400

展示字体采用高对比度的 Didone 衬线字体，呈现优雅、传统的视觉冲击力。 · 正文字体采用简洁的几何无衬线字体，确保现代可读性。 · 导航链接和正文采用标准字重，营造精致感。

04

间距

基于 4px 网格，搭配宽裕的内边距，营造通透、高级的感觉。

05

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

采用 1px 细边框，使用品牌红或浅灰色来划分版块。

06

布局

简洁的网格布局，拥有大量留白和交替的全宽版块。

07

动效与交互

交互元素上的平滑颜色和背景过渡。 · 动态内容的渐进式淡入。

链接上细微的颜色或文本装饰变化。 · 标准的链接导航和产品选择。

08

组件

• button 红色的文本导航链接；几乎没有可见的实心按钮样式。
• card 产品卡片采用柔和的灰色背景，图像带有显著的圆角。
• hero 醒目的分屏主视觉，一侧是巨大的衬线字体，另一侧是圆角图像。

09

文案语气与禁用清单

• 语气 自信、平易近人，略带匠心。
• 标题风格 大型、优雅的衬线字体陈述，定义品牌的高端定位。
• 按钮文案 简洁、直接的文本链接，在不压倒设计的前提下引导用户。

• 勿使用小写品牌名称——截图显示 'REDBRICK' 为全大写。
• 勿使用霓虹色或高饱和度的强调色——截图显示的是克制、传统的红色。
• 勿使用过于复杂的几何图案——截图显示的是洁净的留白和简单的纯色背景。
• 勿在元素上使用厚重的盒阴影——截图显示的是扁平的、由边框或背景定义的表面。
• 勿使用随意的、圆润的无衬线展示字体——截图显示的是用于标题的优雅 Didone 衬线字体。
• 勿用众多小图标使界面杂乱——截图显示的是简洁、以文本为中心的导航。
• 避免: 厚重的投影效果
• 避免: 鲜艳、冲突的霓虹色
• 避免: 过于拥挤的布局
• 避免: 激进的大写文本

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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