精選 · 開放 · 免費

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）。
• 避免用多個互相競爭的視覺元素使介面過於擁擠——截圖顯示充裕的留白與簡約的介面元素。
• 避免將純粹的黑色作為預設背景——截圖顯示溫暖的灰白色背景（#F7F1E8）或深灰色（#4A4741）。
• 避免使用小而緊湊的排版或過緊的行高——截圖顯示大型、清晰的字體搭配充裕的間距。
• 避免: 侵略性銷售用語
• 避免: 術語密集的技術規格
• 避免: 雜亂的視覺佈局
• 避免: 鮮明、高飽和度的配色方案

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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