精選 · 開放 · 免費

Godly

一座極簡高端的策展圖庫，專為展示網頁設計靈感而生。

01

設計氣質 DNA

一處純淨廣闊的畫廊空間，其中藝術品是唯一重要的存在。

02

色彩

嚴格的單色色盤，作為多元化策展內容的中性框架。

03

字型

humanist-sans

• display56px · 500
• h232px · 500
• body16px · 400
• caption14px · 400

所有文字使用 Inter 字型家族，並帶有輕微負字距調整。 · 標題使用 font-weight 500 以呈現半粗體外觀。 · 內文保持寬鬆的 1.5 行高以確保可讀性。

04

間距

寬裕的留白與一致的內距創造出乾淨、舒適的節奏感。

05

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

1px solid rgba(0, 0, 0, 0.05)

0px 10px 15px -3px rgba(0, 0, 0, 0.1) · 0px 4px 6px -4px rgba(0, 0, 0, 0.1)

06

版面

中央單欄版型用於英雄區段，過渡至密集對稱的內容卡片瀑布流網格。

07

動效與互動

懸停時的細微透明度淡出 · 互動元素的流暢背景色過渡 · 按鈕與卡片的細微縮放變形

透明度或背景色的細微變化，採用 150ms 過渡。 · 立即的視覺回饋，帶有輕微縮放變形。

08

組件

• button 藥丸形按鈕，主要操作採用純黑背景，次要操作採用細微無邊框樣式。
• card 乾淨無邊框的矩形卡片，優先呈現大型視覺縮圖與精簡文字。
• chip 小型藥丸形文字指標，用於導覽或中繼資料。
• input 極簡無邊框輸入欄位，與背景融為一體。
• hero 巨大的垂直置中標題搭配閃電圖示，伴隨大型醒目藥丸形行動呼籲按鈕。

09

文案語氣與禁用清單

• 語氣 自信、簡潔且具啟發性。
• 標題風格 簡短有力、高度易讀的陳述，強調品質與靈感。
• 按鈕文案 直接且以行動為導向，使用簡單動詞與符號如「訂閱 +」。

• 不要在卡片上使用陰影 — 畫面截圖顯示為完全扁平、無邊框的圖片卡片。
• 不要在標題中使用襯線字型 — 畫面截圖顯示全程使用乾淨的人文無襯線字型。
• 不要使用複雜、多彩的介面裝飾 — 畢面截圖顯示為嚴格的黑白單色介面。
• 不要在主要按鈕上使用尖銳的 90 度角 — 畢面截圖顯示為完全圓潤的藥丸形按鈕。
• 不要使用過多的內文內距或緊湊的行距 — 畢面截圖顯示寬裕的留白與寬鬆的 1.5 行高。
• 不要使用花俏的漸層或裝飾性背景 — 畢面截圖顯示為純白背景，讓內容得以呼吸。
• 避免: 過多的驚嘆號
• 避免: 複雜的技術術語
• 避免: 主要區域中冗長密集的段落

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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