精选 · 开放 · 免费

Ouraring

用于健康追踪的高端智能戒指，采用精致、低调的美学设计。

01

设计气质 DNA

一款无缝融入日常生活的奢华健康设备。

02

色彩

温暖沉稳的中性色，搭配单一的临床蓝作为交互元素的点缀色。

03

字体

transitional-serif · humanist-sans

• display80px · 400
• heading40px · 400
• body16px · 400

04

间距

基于标准4px网格，垂直间距充裕，营造高端质感。

05

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

1px solid #ECECEC 作为主要分隔线

0 1px 0 rgba(255, 255, 255, 0.06) inset

06

布局

居中单栏内容，留白充裕，偶尔采用并排模态框。

07

动效与交互

状态变化采用平滑的淡入淡出过渡 · 悬停时细微的色彩与透明度变化

0.15秒内平滑的色彩与透明度过渡 · 立即的状态变化并伴随细微反馈

08

组件

• button 药丸形，深色实心背景配白色文字，或蓝色背景。
• card 干净，带细微边框或无明显卡片，依赖摄影表现。
• input 圆润的药丸形输入框，带浅色边框。
• hero 大字体标题，搭配电影感的产品摄影。

09

文案语气与禁用清单

• 语气 自信、优雅、直截了当。
• 标题风格 简短、有力的短语，采用小写或句首大写。
• 按钮文案 简单、以行动为导向的动词，如“探索”或“继续”。

• 避免使用明亮、霓虹或刺眼的强调色——截图显示在温暖中性色背景上使用单一的灰蓝色点缀（#2A72DE）。
• 避免在主要按钮上使用尖锐的直角——截图显示采用完全圆润的药丸形按钮（border-radius: 9999px）。
• 避免在标题中使用粗重、块状的无衬线字体——截图显示展示文本采用精致的衬线字体（Editorial New）。
• 避免在界面上堆砌多个相互竞争的视觉元素——截图显示留白充裕，UI框架极简。
• 避免将纯黑色作为默认背景——截图显示采用温暖的米白色背景（#F7F1E8）或深灰色（#4A4741）。
• 避免使用小而拥挤的排版或过紧的行高——截图显示字体大而清晰，间距充裕。
• 避免: 咄咄逼人的销售语言
• 避免: 充斥术语的技术规格
• 避免: 杂乱的视觉布局
• 避免: 嘈杂、高饱和度的色彩方案

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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