厳選・オープン・無料

Iveeapp

プレミアム宅クリニックベースのIVセラピーおよびウェルネスサービス。

ConsumerPremiumPhotographicCleanProduct
Iveeapp のスクリーンショット
↓ デザインシステムをダウンロード (21 MB)OpenDesign で開く

オリジナル: https://www.iveeapp.com

📦 パックの中身を見る →

01

デザイン DNA

ヘルスケアIVセラピーウェルネスプレミアムメディカル

ブティッククリニックとライフスタイルブランドの融合

02

カラー

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

穏やかなスカイブルーに基づく臨床的信頼感と、アクションカラーとしてのウォームコーラルの組み合わせ。

03

タイポグラフィ

transitional-serif · humanist-sans

主要な見出しや価格表にはトランジショナル・セリフを使用 · 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時の優しいカラーおよび背景色トランジション

インタラクティブ要素の繊細なカラー変化と透明度変化 · トランジションプロパティによる即座のビジュアルレスポンス

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

これはプレミアムヘルスケアおよびウェルネスサービスのウェブサイトです。設計のDNAは、穏やかで臨床的でありながら親しみやすい美学を中心に構成されています。プライマリのスカイブルーバックグラウンド（#C4E3FA）と、アクション用の鮮やかなコーラルアクセント（#FC6B42）が使用されています。タイポグラフィは、印象的な見出しにクラシックなトランジショナル・セリフを、UI要素と本文にはクリーンなヒューマニスト・サンセリフを組み合わせ、洗練され信頼感のある雰囲気を生み出しています。重要な設計上の制約：過度に暗いまたは臨床的なカラーパレットは避けること；激しい幾何学的なタイポグラフィは使用しないこと；すべてのインタラクティブ要素は角丸とピル形状を使用し、フレンドリーでプレミアムな雰囲気を維持すること。レイアウトは、提供されるサービスのハイエンド性を反映し、たっぷりの余白を確保して空気感のある状態を保つべきです。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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