精選 · 開放 · 免費

Iveeapp

提供高端居家及診所內的靜脈注射療法與健康服務。

ConsumerPremiumPhotographicCleanProduct
Iveeapp 網站截圖
↓ 下載設計系統包 (21 MB)在 OpenDesign 中開啟

原站: https://www.iveeapp.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

醫療保健靜脈注射療法健康高端醫療

精品醫療診所與生活品牌的結合

02

色彩

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

以舒緩天空藍為基礎的臨床信任感，並以溫暖珊瑚色作為行動呼籲的強調色。

03

字型

transitional-serif · humanist-sans

所有主要標題與定價資訊使用過渡襯線體 · 使用者介面標籤與導覽使用人文無襯線體 · 為大寫標籤應用寬鬆的字間距 · 保持整潔、寬敞的排版節奏

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

覆蓋層與彈窗採用流暢的透明度過渡 · 懸停時柔和的色彩與背景色過渡

互動元素具有細微的色彩與透明度變化 · 透過過渡效果提供即時的視覺回應

08

組件

09

文案語氣與禁用清單

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 — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高端醫療保健與健康服務網站。設計核心圍繞著舒緩、具臨床感卻不失親和力的美學，主要採用天空藍背景色（#C4E3FA）與充滿活力的珊瑚色（#FC6B42）作為行動呼籲的強調色。字體搭配上，以經典過渡襯線體作為有力標題，並以簡潔的人文無襯線體用於使用者介面元素與內文，營造出精緻且值得信賴的感覺。關鍵設計約束：避免使用過於深色或臨床感的色板；不使用刺眼的幾何字體；確保所有互動元素採用圓角與膠囊形狀，以維持友善、高端的氛圍。版面應保持寬敞，留有充足留白，以反映所提供服務的高端本質。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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