暖米色紙面是 Oura 的預設世界：背景不用純白，而用 #f7f1e8 的奶油色鋪滿編輯與行銷頁面，深黑只留給新聞帶和頁尾。Editorial New 以 100–300 的細襯線承擔超大標題，AkkuratLL 負責所有正文與介面標籤，形成「襯線抒情、無襯線敘事」的雙聲部。芥末金、陶土與橄欖色只出現在色帶、插畫與資料視覺化裡，唯一的 #2a72de 行動藍嚴格留給轉換按鈕；全圓角膠囊、24px 內容卡與 40px 產品大圖共同維持柔和而克制的節奏。
Oura媒體與消費
提示詞範本
基礎範本
Design an Oura-inspired interface. - Warm-paper canvas (#f7f1e8) as the default surface, cream rather than white, for editorial and marketing sections; - Editorial New thin serif (weights 100-300) for oversized headlines paired with AkkuratLL grotesque for body and UI; - A single action blue (#2a72de) reserved strictly for conversion pills, while earth tones such as gold #af751b, clay #6b443d, and olive #849671 live only in bands, illustration, and data viz; - Fully rounded pill buttons against 24px content cards and 40px product-image frames; - Three surface worlds in rhythm: cream editorial, near-black (#19191c) news and footer band, cool silver (#ececec) product stage. Colors: #f7f1e8, #2a72de, #4a4741, #af751b, #849671, #19191c with #2a72de accent. Typography: Editorial New and AkkuratLL.
變體提示詞
📱 行動裝置
Design a mobile app with Oura aesthetics. Use Oura color identity with #2a72de accents. Cream surfaces, serif headlines, and full-round health stats.
💻 Web 端
Design a web application with Oura style. Use Oura color identity with #2a72de accents. Warm paper canvas, editorial type, and calm section pacing.
📊 儀表板
Design a dashboard with Oura design language. Use Oura color identity with #2a72de accents. Sleep scores, circular stats, and earth-tone data visualization.
📄 到達頁
Design a landing page with Oura visual identity. Use Oura color identity with #2a72de accents. Full-bleed lifestyle photography, thin serif display, and one blue CTA.
使用範例
Oura 睡眠洞察儀表板
儀表板Create a sleep insights dashboard in Oura's style: #f7f1e8 cream canvas, Editorial New headline, AkkuratLL labels, and one #2a72de action.
Oura Ring 產品頁
到達頁Build an Oura Ring landing page with a silver product stage, 40px image frames, circular score badges, and an earth-tone accent band.
✅ 適用情境
- 健康與穿戴裝置
- 睡眠與活動資料儀表板
- 高階健康品牌編輯頁
❌ 不適用情境
- 冷硬的工業控制台
- 高飽和遊戲介面
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。