精選 · 開放 · 免費

Nevflynn

以溫暖粉彩色系與粗體圓潤字型為特色的活潑卡片式個人作品集。

01

設計氣質 DNA

一個活潑且專業的開發者作品集。

02

色彩

溫暖中性的背景，搭配柔和的粉彩點綴與高對比的深色文字。

03

字型

geometric-sans

• display40px · 700
• h124px · 500
• body16px · 400

展示型元素使用 Moranga Bold。 · 內文與介面文字使用 Silka。

04

間距

基於 4px 網格單位系統。

05

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

在互動狀態或特定卡片上可見，通常為 2px solid。

rgba(0, 0, 0, 0) 0px 0px 0px 2px inset · rgb(240, 242, 248) 0px 0px 0px 2px

06

版面

瀑布流式卡片網格，卡片尺寸各異。

07

動效與互動

懸停狀態的平滑過渡效果（0.3 秒） · 互動時的細微透明度淡入淡出。

細微的陰影或背景顏色變化。 · 極簡的視覺回饋，依賴指標游標提示。

08

組件

• button 膠囊造型，帶有細微邊框或實色背景。
• card 大圓角（18px 或 32px），白色背景，柔和的內邊距。
• chip 小型膠囊狀標籤或導航項目。
• input 極簡的底部邊框或僅有下邊框樣式。
• hero 包含頭像與自我介紹文字的卡片式佈局。

09

文案語氣與禁用清單

• 語氣 友善、輕鬆且平易近人。
• 標題風格 簡短、粗體且直接。
• 按鈕文案 對話式提問或簡單陳述。

• 請勿使用深色模式 — 截圖顯示的是明亮溫暖的背景。
• 請勿使用尖銳角落 — 截圖顯示的是 18px 與 32px 的大圓角。
• 請勿使用纖細優雅的襯線字體 — 截圖顯示的是粗體幾何無襯線字體。
• 請勿使用僵硬嚴謹的網格佈局 — 截圖顯示的是活潑錯落的卡片佈局。
• 請勿使用高飽和度的霓虹色彩 — 截圖顯示的是柔和低調的粉彩色系。
• 請勿使用複雜厚重的投影效果 — 截圖顯示的是非常細微、輕薄的陰影或扁平化設計。
• 避免: 生硬的企業術語
• 避免: 過於複雜的句子結構
• 避免: 強勢的推銷語言

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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