OpenDesign·你的设计资产库

网页参考

Iveeapp

提供高端的上门及诊所静脉输液疗法与健康服务。

ConsumerPremiumPhotographicCleanProduct

封面待补录，可通过原站查看设计。

01

设计气质 DNA

医疗保健静脉输液疗法健康高端医疗

精品医疗诊所遇上生活方式品牌

02

色彩

#FC6B42Accent
#0C4170Ink
#C4E3FABG
#F5F9FDBG soft
#FAF4E6BG quiet
rgba(12,65,112,0.2)Line

以宁静的天蓝色建立临床信任感，并以温暖的珊瑚色作为行动强调色。

03

字体

transitional-serif · humanist-sans

  • display52px · 400
  • body14px · 400
  • label12px · 500

所有主要标题和价格使用过渡衬线体 · UI标签和导航使用人文主义无衬线体 · 为大写标签应用宽松的字间距 · 保持清晰、透气的字体节奏

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

开阔的间距，强调高端、从容的感觉

05

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

sm · 4px
md · 10px
lg · 20px
pill · 40px

使用主墨色或透明墨色的细微1px边框

0px 0px 30px 0px rgba(0,0,0,0)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

标准的全宽主视觉区域，配以居中的模态覆盖层

07

动效与交互

150msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

覆盖层和模态框使用平滑的透明度过渡 · hover时使用柔和的颜色和背景色过渡

交互元素上的细微颜色偏移和透明度变化 · 通过transition属性提供即时视觉反馈

08

组件

  • button 采用强调色或描边样式的药丸形行动号召按钮
  • card 简洁卡片，留白慷慨，边框细微
  • chip 用于价格或地点详情的小型圆角徽章
  • input 简洁的输入框，具有清晰的聚焦状态和必填标记
  • hero 全宽摄影主视觉区域，配以高质量的生活方式意象

09

文案语气与禁用清单

  • 语气 专业、友好、清晰
  • 标题风格 直接、以利益为导向，使用过渡衬线体
  • 按钮文案 以行动为导向，采用大写形式
  • 不要使用霓虹或刺眼的颜色——截图展示的是宁静的天蓝色和珊瑚色色调
  • 不要使用厚重的几何无衬线体——截图展示的是更柔和的人文主义无衬线体和过渡衬线体搭配
  • 不要以深色背景作为主色调——截图以浅蓝色和白色为主导
  • 不要使用尖锐、方正的UI元素——截图采用圆角和药丸形按钮
  • 不要在界面上堆砌过多颜色——截图主要使用蓝色和珊瑚色的双色调方案
  • 不要使用小而拥挤的字体——截图展示出宽松的字间距和清晰的层次结构
  • 避免: 激进的医疗术语
  • 避免: 过于复杂的技术行话
  • 避免: 杂乱或密集的布局

10

包内真实截图

Iveeapp — 桌面首屏（hero）
桌面首屏（hero）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Iveeapp — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个高端医疗保健与健康服务网站。设计DNA围绕一个宁静、临床但平易近人的美学展开，采用天蓝色（#C4E3FA）作为主背景色，搭配充满活力的珊瑚色（#FC6B42）作为行动号召的强调色。字体方面，将经典的过渡衬线体用于有冲击力的标题，将简洁的人文主义无衬线体用于UI元素和正文，营造出精致且值得信赖的感觉。关键设计约束：避免使用过于深沉或临床的色板；不要使用刺眼的几何字体；确保所有交互元素采用圆角和药丸形状，以维持友好、高端的氛围。布局应保持通透，留白慷慨，以反映所提供服务的高端本质。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。