精選 · 開放 · 免費

Flowen Me

一個高對比度、字體排印強烈的創意開發者作品集。

01

設計氣質 DNA

一個粗野主義風格、霓虹燈照亮的工業儀表板。

02

色彩

透過深沉、低調的背景與明亮、白色的字體，形成極致對比，以達到最佳可讀性與視覺衝擊力。

03

字型

geometric-sans · display-serif · monospace

• display100px · 700
• body108px · 700

所有主要文字均設定為大寫。 · 標題使用巨大的、緊密排列的幾何無襯線字體。 · 替代標題則使用裝飾性的展示型襯線字體。

04

間距

主要區塊之間採用寬裕的垂直內距，以分隔大型字體區塊。

05

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

無可見邊框，完全依賴字體比例與空間間隔。

06

版面

不對稱、以字體排印為主導的佈局，由文字引導視覺流程。

07

動效與互動

游標在互動文字元素上變為手指指標。 · 標準連結導覽。

08

組件

• button 以文字為基礎的連結，帶有底線或箭頭。
• card 無，圖片直接整合於字體排印流中。
• chip 無。
• input 無。
• hero 由巨型文字堆疊而成，並搭配專案縮圖。

09

文案語氣與禁用清單

• 語氣 直接、自信，略帶不羈。
• 標題風格 簡短、有力、大寫的詞彙垂直堆疊。
• 按鈕文案 直接的文字連結，帶有箭頭或底線。

• 不要使用置中佈局——截圖顯示的是左對齊、不對稱的文字區塊。
• 不要使用柔和色彩或漸層——截圖顯示的是鮮明、高對比度的調色板。
• 不要使用小或標準文字大小——截圖顯示的是巨大、展示級的字體排印。
• 不要使用圓角——截圖顯示的是銳利的矩形邊緣。
• 不要使用複雜圖示或按鈕——截圖顯示的是簡單、以文字為基礎的導覽。
• 不要使用淺色主題——截圖顯示的是深色背景搭配明亮文字。
• 避免: 禮貌用語
• 避免: 複雜句型
• 避免: 柔和邊緣
• 避免: 漸層背景

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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