精選 · 開放 · 免費

Leonidkostetskyi

一個以大膽、幾何感顯示文字與慷慨留白為特色的排版個人作品集。

01

設計氣質 DNA

一座高級設計工作室的作品集或專著。

02

色彩

大面積深棕色顯示文字與溫暖、有質感的米白色背景之間的高對比度。

03

字型

geometric-sans

• display-hero165px · 400
• display-large142px · 400
• body-sm12px · 400

所有文字均為大寫 · 顯示文字使用緊湊的字距調整（-3.3px 至 -4.125px） · 內文使用標準字距調整

04

間距

慷慨的留白，區塊之間有巨大的垂直間隔（225px 內距）。

05

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

謹慎使用細微的 1px 邊框，主要用於 hover 狀態或小型分隔線。

06

版面

一個全螢幕、高對比度的排版首頁佈局，大型文字區塊錨定在特定的角落。

07

動效與互動

平滑的顏色與背景顏色過渡用於主題切換 · 互動元素的變換過渡

虛線底線出現在導覽項目下方。 · 平滑過渡到新區塊或狀態。

08

組件

• button 極簡的文字連結，具有虛線底線 hover 狀態。
• card 無傳統卡片；內容以大型文字區塊呈現。
• chip 小型圓形圓點用於主題切換。
• input 在提供的截圖中未顯示。
• hero 一個巨大的排版構圖，使用兩大塊文字（「LEONID KOSTETSKYI」和「CREATIVE DIRECTOR」）在螢幕上對角線平衡。

09

文案語氣與禁用清單

• 語氣 自信、精緻且含蓄。
• 標題風格 巨大、大寫、幾何無襯線體顯示文字。
• 按鈕文案 小型、大寫、等寬或無襯線體文字連結。

• 不要使用小寫的顯示文字 — 截圖顯示所有文字均為大寫
• 不要使用裝飾性或手寫字體 — 截圖顯示的是簡潔的幾何無襯線體
• 不要添加明亮或霓虹色的強調色 — 截圖使用的是柔和的單色調棕色與米白色調
• 不要使用厚重的投影 — 截圖顯示的是基於質感的平面設計，無陰影
• 不要使用多欄位的複雜格線佈局 — 截圖顯示的是寬敞、不對稱的佈局
• 不要使用小而擁擠的排版 — 截圖展示了巨大的顯示尺寸（最高達 165px）
• 避免: 避免擁擠的佈局或過多的圖片
• 避免: 避免明亮、高飽和度的強調色
• 避免: 避免裝飾性的襯線字體
• 避免: 避免投影或複雜的漸層
• 避免: 避免小寫的顯示文字
• 避免: 避免置中的文字區塊

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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