精選 · 開放 · 免費

Valohealth

簡約高端的深色模式介面，運用大尺度排版與青色強調，傳達科學權威與高科技創新感。

01

設計氣質 DNA

科學工程公司的數位宣言。

02

色彩

高對比單色深色模式，搭配單一高飽和度青色強調，用於關鍵品牌訊息。

03

字型

geometric-sans · monospace

• display88px · 300
• h156px · 300
• body-lg24px · 400
• body18px · 400
• caption14px · 400
• overline12px · 600

展示文字採用細字重（300-400）以保持優雅 · 類別標籤使用大寫上標與字距調整 · 所有文字區塊嚴格左對齊 · 深色背景上的長文內容採用大行高以提升可讀性

04

間距

寬裕的垂直節奏，由大 padding 區塊（如 40.5px）與章節間充足間距構成，以強調內容份量。

05

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

極度簡約；主要依賴色彩對比與間距區隔，而非可見邊框，僅在互動元素上使用細微 1px 下劃線。

rgba(0,0,0,0.3) 0px 32px 68px 0px

06

版面

全寬深色畫布，搭配大尺度排版區塊與簡潔的 2×2 攝影網格。

07

動效與互動

懸停時平滑的色彩與透明度過渡 · 互動元素輕微變換位移 · 大內容區塊的延長淡入效果

細微色彩變化或背景透明度調整，搭配快速 150ms 過渡。 · 即時回饋，帶有輕微縮放或透明度降低。

08

組件

• button 主要為文字連結，懸停時呈現膠囊形（9999px 圓角）或細微背景變化。
• card 簡潔無邊框的攝影卡片，依賴深色背景進行區隔。
• chip 較少使用；多為文字導覽元素。
• input 極簡深色主題輸入框，帶有細微底線。
• hero 橫跨全視窗高度的超大尺度排版主視覺區塊。

09

文案語氣與禁用清單

• 語氣 權威、具遠見且高度專業。
• 標題風格 採用「動詞 + 名詞」結構的粗體宣言式標題，傳達衝擊力。
• 按鈕文案 直接、行動導向，常以全大寫上標（如「方法」）開頭。

• 勿使用裝飾性邊框或盒子陰影——畫面截圖呈現無邊框的深色平面表面。
• 勿使用粗體展示字重——畫面截圖顯示大標題採用細字重（300-400）。
• 勿用多種強調色雜亂佈局——畫面截圖僅使用單一青色強調（#1CB6E0）。
• 勿使用複雜的多步驟動畫——畫面截圖呈現快速細膩的 150ms 微互動。
• 勿將長段落置中排列——畫面截圖顯示嚴格左對齊排版。
• 勿使用明亮或淺色模式主題——畫面截圖為純黑（#000000）背景。
• 避免: 缺乏脈絡的艱澀醫學術語
• 避免: 俏皮或過度輕鬆的語氣
• 避免: 雜亂或資訊過載的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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