暖米色纸面是 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 编程工具使用。