精选 · 开放 · 免费

Loveseen

由高冲击力摄影与优雅衬线字体驱动的高端美妆电商平台。

01

设计气质 DNA

精心策展的美妆摄影画廊

02

色彩

温暖的肤色系中性色调板，让摄影主导视觉。

03

字体

didone-serif · geometric-sans

• display48px · 400
• heading30px · 400
• body16px · 400
• caption13px · 400

导航与界面元素采用全大写 · 展示字体使用紧凑字间距 · 大写界面文字使用宽松字间距

04

间距

版块间保持充裕的垂直间距

05

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

使用柔和中性色调的 1px 实线边框

06

布局

全出血主视觉图像后接网格版块

07

动效与交互

淡入 · 上滑

透明度变化与微妙色彩偏移 · 即时状态切换配合平滑过渡

08

组件

• button 极简描边按钮搭配大写文本
• card 无可见卡片边框，依靠留白与图像构建层次
• chip 简约描边圆角标签
• input 下划线式输入框，极简样式
• hero 分屏摄影主视觉配透明导航覆盖层

09

文案语气与禁用清单

• 语气 自信、包容且精致
• 标题风格 优雅风格，常使用 didone 衬线展示字体
• 按钮文案 极简、大写，常采用描边或纯文本样式

• 勿使用高饱和度强调色——截图显示为柔和的中性色调板。
• 勿使用厚重投影或 3D 效果——截图呈现扁平洁净的表面。
• 勿为卡片或按钮使用圆角——截图显示为锐利整洁的边缘。
• 勿使用小写文本作为导航——截图显示为大写界面元素。
• 勿为正文使用粗体字重——截图显示为统一的 400 字重。
• 勿使用繁复背景图案——截图显示为纯净柔和的中性色背景。
• 避免: 高饱和度色彩
• 避免: 装饰性界面元素
• 避免: 拥挤布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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