精選 · 開放 · 免費

Petertarka

一個高端創意作品集，以極簡的編輯風格排版，展示精緻的 3D 環境。

01

設計氣質 DNA

一個精心策劃的客製化 3D 視覺世界畫廊，呈現於簡潔、受瑞士風格啟發的版面編排中。

02

色彩

中性灰白色畫布與醒目的黑色文字之間形成高對比度。

03

字型

geometric-sans

• display38px · 300
• body16px · 400

所有文字層級使用幾何無襯線字體 · 大型展示文字使用輕字重（300） · 內文與較小元素使用標準字重（400） · 大型展示文字使用緊湊行高

04

間距

充足的內邊距（45px）創造出通透、畫廊般的感受。

05

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

極少使用 1px 細線，顏色為 rgba(0, 0, 0, 0.1)，有時採用不對稱設定（0px 1px 1px 0px）。

06

版面

一個簡潔的網格，交錯排列純色區塊與空白區域。

07

動效與互動

hover 時的顏色與透明度過渡 · 快速（0.125s）的透明度過渡，提供細膩的 UI 回饋

細微的透明度變化與顏色過渡。 · 標準連結行為。

08

組件

• button 極簡的文字連結，無可見的按鈕容器。
• card 無可見的卡片元件；內容直接呈現在背景上。
• hero 全版背景色，搭配大型 3D 等距插畫與簡約的版面編排。

09

文案語氣與禁用清單

• 語氣 極簡、自信且專業。
• 標題風格 直接、簡潔的客戶名稱。
• 按鈕文案 低調的文字連結。

• 勿使用襯線字體——截圖顯示嚴格的幾何無襯線字體系統。
• 勿使用圓角——截圖顯示銳利、0px border-radius 的元素。
• 勿使用複雜陰影——截圖顯示完全平坦的表面呈現。
• 勿使用密集的文字區塊——截圖顯示稀疏、大版面的排版。
• 勿使用高飽和度的 UI 顏色——截圖顯示中性色調搭配獨立的色塊。
• 勿使用裝飾性邊框——截圖顯示僅有極簡的 1px 分隔線。
• 避免: 過度裝飾
• 避免: 喧鬧的行動呼籲
• 避免: 複雜的版面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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