精選 · 開放 · 免費

Amplitude

一個為 B2B 分析平台打造的高對比度、以字型排版為核心的法律政策頁面。

01

設計氣質 DNA

為法律文件調整的專業企業軟體儀表板佈局。

02

色彩

高對比度單色調，以實現最佳的可讀性與專業清晰度。

03

字型

geometric-sans · humanist-sans · monospace

• display56px · 600
• heading24px · 600
• body18px · 400
• small14px · 400

內文使用高易讀性的人文無襯線字體。 · 標題使用結構稍強的無襯線字體。 · 較大的顯示尺寸採用緊湊的字間距，以營造現代、高端的質感。

04

間距

一致的 4px 基礎網格，並在內容區塊之間提供充足的垂直間距。

05

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

極少使用 1px 實線邊框，主要依賴間距與字型排版來區隔內容。

06

版面

標準的頂端導覽列，搭配一個居中的窄欄法律文本區域。

07

動效與互動

懸停時的細膩背景顏色過渡效果。 · 互動狀態下的透明度變化。

按鈕的背景顏色變換，以及文字連結的細微透明度變化。 · 透過背景顏色變化提供即時的視覺回應。

08

組件

• button 實心黑色主要按鈕，採用膠囊圓角；次要文字按鈕。
• card 此文字密集的法律頁面未使用卡片元件。
• chip 不適用
• input 不適用
• hero 僅文字的首圖區域，搭配大型字型排版與清晰的後設資料行。

09

文案語氣與禁用清單

• 語氣 專業、清晰、具權威性且符合法律語境。
• 標題風格 直接且具描述性。
• 按鈕文案 以行動為導向且具高對比度。

• 請勿使用裝飾性背景圖片——截圖顯示的是乾淨的純白色背景。
• 請勿使用多彩調色盤——截圖顯示的是嚴格的單色黑白配色。
• 請勿將內文置中對齊——截圖顯示的是為了更好的可讀性而採用的左對齊文字。
• 請勿使用裝飾性邊框——截圖顯示的佈局區隔主要依賴間距。
• 請勿使用過寬的文字欄寬——截圖顯示的是一個為了閱讀而優化的窄欄。
• 請勿使用隨意的字型排版——截圖顯示的是高易讀性、專業的無襯線字體。
• 避免: 俏皮或隨意的語言
• 避免: 過於複雜的視覺裝飾
• 避免: 鮮豔或分散注意力的強調色

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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