精選 · 開放 · 免費

Victoiredouy

一個風格極簡、以排版為主的個人作品集或編輯網站，在深黑背景上呈現巨大的顯示標題。

01

設計氣質 DNA

一本高對比度的黑白編輯雜誌，採用超大、緊縮的顯示字型。

02

色彩

嚴格的單色調色盤，使用近黑色背景與近白色文字，以實現最大對比度與編輯衝擊力。

03

字型

condensed-grotesque-sans · monospaced

• display177px · 400
• heading54px · 400
• body15px · 400

使用 Space Mono 作為內文字體與導覽字體。 · 使用緊縮的 grotesque-sans 字型作為巨大的顯示標題。 · 對大型顯示文字套用緊湊的負字距調整。 · 對導覽與特定標籤使用大寫轉換。

04

間距

寬鬆且多變，主要區塊之間有顯著的垂直內距分隔。

05

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

主要用於互動狀態與細微分隔的 2px 細邊框。

0px 1px 2px rgba(0,0,0,0.5) · 0px 0px 0px 1px rgba(250,250,250,0.1)

06

版面

全寬欄位，旨在容納極大尺寸的排版。

07

動效與互動

互動元素的平滑色彩過渡。 · 介面狀態切換時帶有緩動的 opacity 與 transform 過渡。

互動元素上細微的色彩或 background-color 變化。 · 標準的啟用狀態。

08

組件

• button 極簡的文字型按鈕，採用大寫等寬字體與細邊框。
• card 無可見元素。
• chip 無可見元素。
• input 無可見元素。
• hero 一個巨大、佔據螢幕的排版主視覺區塊，採用超大號的緊縮文字。

09

文案語氣與禁用清單

• 語氣 極簡且嚴肅。
• 標題風格 巨大、字距緊湊、緊縮的大寫顯示字型。
• 按鈕文案 低調的等寬文字標籤。

• 請勿使用圓角 — 螢幕截圖顯示的是尖銳、零圓角的邊緣。
• 請勿使用鮮豔的強調色 — 螢幕截圖顯示的是嚴謹的單色調色盤。
• 請勿使用淺色或襯線顯示字體 — 螢幕截圖顯示的是粗重、緊縮的無襯線顯示字型。
• 請勿為標題使用寬鬆的行高 — 螢幕截圖顯示的是緊密排列、幾乎相觸的顯示文字行。
• 請勿為顯示文字使用寬字距 — 螢幕截圖顯示的是緊湊、負字距的調整。
• 請勿為文字使用陰影效果 — 螢幕截圖顯示的是平面、高對比度的排版。
• 避免: 彩色漸層
• 避免: 圓角邊緣
• 避免: 文字陰影
• 避免: 俏皮或裝飾性元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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