精選 · 開放 · 免費

Aikawakenichi

一個圍繞大型圓形肖像元素構建的極簡、編輯風格作品集。

01

設計氣質 DNA

一本美術展覽圖錄

02

色彩

高對比的黑白配色，輔以溫暖、柔和的色調。

03

字型

transitional-serif · grotesque-sans

• display261px · 400
• body16px · 400

主要標題文字使用經典的過渡襯線字體 · 內文與介面元素使用簡潔的新怪誕體無襯線字體 · 確保主要標題文字嚴格使用常規字重（400）

04

間距

充足的留白

05

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

1px solid rgb(0, 0, 0)

rgba(0,0,0,0.12) 0px 6px 12px 0px · inset 0px 1px 0px 0px rgba(255,255,255,0.36)

06

版面

居中圓形構圖

07

動效與互動

流暢的變換與位移過渡

可能對圓形元素施加細微變換或顯示效果 · 指標游標指示互動熱點

08

組件

• button 極簡，可能為膠囊形或無邊框設計，並帶有指標游標
• card 包含影像或文字的大型圓形元素
• chip 無可見元件
• input 無可見元件
• hero 居中全螢幕佈局，以一個主導性的圓形框架為特色

09

文案語氣與禁用清單

• 語氣 精緻而寧靜
• 標題風格 大型經典襯線字體，採用小寫或首字母大寫形式
• 按鈕文案 細膩且融合於設計中

• 勿使用鮮豔的強調色——截圖顯示的是嚴格的單色調，僅帶有柔和的暖色調
• 勿使用無襯線字體作為大型標題文字——截圖顯示標題使用過渡襯線字體
• 勿使用厚重的投影——截圖顯示的是細膩、複雜的內陰影與外陰影
• 勿使用多欄緊密佈局——截圖顯示的是高度居中、寬敞的構圖
• 勿使用粗體作為標題字重——截圖顯示大型文字採用常規字重（400）
• 勿到處使用尖銳的直角——截圖顯示大量使用 50%（圓形）與 9999px（膠囊形）邊框圓角
• 避免: 響亮的色彩強調
• 避免: 密集的段落
• 避免: 複雜的網格
• 避免: 厚重的邊框
• 避免: 無襯線的標題字體

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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