精選 · 開放 · 免費

App Forhims

為現代遠距醫療品牌打造的精緻、柔焦美學，在親近的高級感與臨床信任度之間取得平衡。

01

設計氣質 DNA

一間兼具臨床專業感與舒適感的高級健康診所。

02

色彩

純淨的白色空間奠定了佈局基礎，搭配柔和的漸層與獨特的靛藍色點綴，為視覺增添趣味，同時不破壞整體的冷靜氛圍。

03

字型

transitional-serif · humanist-sans · monospace

• display64px · 500
• heading-132px · 500

標題使用過渡襯線體，營造出高級、具編輯感的風格。 · 內文與 UI 元素採用簡潔的人文主義無襯線體，確保可讀性。 · 顯示用襯線體與內文無襯線體之間的高對比度，創造出既現代又親近的語調。

04

間距

一致且寬敞的間距，強調了佈局的冷靜、無雜亂與高級感。

05

表面 (圓角 / 陰影 / 邊線)

使用幾乎看不見的細微邊框來定義容器，避免增加視覺重量。

0 4px 24px rgba(0, 0, 0, 0.06)

06

版面

在行動裝置上採用居中單欄佈局，在桌機上則擴展為最大寬度的容器，維持強烈的垂直軸線。

07

動效與互動

內容載入時使用流暢的淡入效果。 · 滾動時使用細膩的視差特效。

互動元素在懸停時會有細微的顏色變化或陰影提升。 · 透過輕微的縮放或顏色變化提供即時的視覺回饋。

08

組件

• button 藥丸形按鈕，搭配實心背景與簡潔的字型排印。
• card 卡片採用柔和的圓角與細微的陰影，利用圖片與字型排印來呈現，而非厚重的邊框。
• chip 藥丸形的分類標籤，帶有細微背景，用於篩選功能。
• input 簡潔、圓角的輸入欄位，帶有細微邊框與足夠的內距。
• hero 大型、居中的標題，搭配顯著的裝置介面模型與柔和的漸層背景。

09

文案語氣與禁用清單

• 語氣 自信、親近且令人安心。
• 標題風格 簡短、有力且以效益為導向（例如「全面照護，全然不同。」）。
• 按鈕文案 直接、以行動為導向且低摩擦（例如「立即下載」）。

• 避免使用刺眼的亮色調——截圖顯示的是柔和的色調，帶有柔和的靛藍色點綴。
• 避免使用過重的陰影或厚重的邊框——截圖顯示的是細微的陰影和幾乎看不見的線條。
• 避免在內文或次要 UI 元素使用全大寫字母——截圖顯示的是標準的句首大寫。
• 避免在佈局中過度堆砌元素——截圖顯示的是寬敞的留白與單一焦點。
• 避免在互動元素上使用尖銳的方形圓角——截圖顯示的是圓角與藥丸形按鈕。
• 避免所有文字都只使用無襯線體——截圖顯示主要標題使用了獨特的襯線字體。
• 避免: 臨床專業術語
• 避免: 過於激進的銷售語言
• 避免: 雜亂的視覺元素

11

System Prompt

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