精选 · 开放 · 免费

Mybrentano Ch

一个为自然整体医疗保健产品设计的、简洁的编辑式电商网站。

01

设计气质 DNA

一个融合了简洁美学与有机温暖的现代数字化原生药房。

02

色彩

高对比度的自然调色板，采用温暖的米色和深墨色。

03

字体

monospaced-sans · sans-serif

• display60px · 400
• h130px · 400
• body18px · 400
• small15px · 400

所有排版均使用简洁的几何无衬线字体系列。 · 标题采用等宽变体以体现技术精确性。 · 所有文本的字重均保持一致的常规（400）。

04

间距

充裕的留白，采用标准的4px基础单位。

05

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

使用1px实线黑色边框进行结构划分和内容分割。

06

布局

基于网格，包含顶部导航栏和用于内容的垂直堆叠流。

07

动效与交互

悬停状态下的平滑变换过渡 · 页面过渡时的柔和缓动

交互元素上的细微透明度或颜色变化。 · 所有可点击区域使用标准指针光标。

08

组件

• button 简约的轮廓按钮，包含药丸形状的语言切换按钮和圆形图标按钮。
• card 简洁的产品卡片，带有细边框、对齐文本，无背景色。
• chip 药丸形状内的简单文本式语言切换按钮。
• input 底部带边框的输入框，无可见背景。
• hero 大型、左对齐的等宽字体标题，配以有机的、重叠的照片拼贴。

09

文案语气与禁用清单

• 语气 专业、平易近人且富有信息性。
• 标题风格 直接、清晰，因等宽字体而略带技术感。
• 按钮文案 简单直接，通常仅用一个词，如“购买”。

• 不要使用投影——截图显示的是基于边框的扁平化设计。
• 不要使用渐变背景——截图显示的是纯色的温暖米色背景。
• 不要在容器上使用圆角——截图显示的是尖锐的直角。
• 不要使用粗体字重进行强调——截图显示的是始终如一的常规字重。
• 不要使用明亮、高饱和度的强调色——截图显示的是克制的黑米色调色板。
• 不要为主要内容使用居中布局——截图显示的是强烈的左对齐网格。
• 避免: 响亮、花哨的动画
• 避免: 杂乱的界面
• 避免: 过于随意的语言

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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