精選 · 開放 · 免費

Redis Agency

一個視覺衝擊力強的設計代理商網站，在深邃黑色背景上，運用超大字體與有機 3D 元素。

01

設計氣質 DNA

一座融合原始有機質感與銳利現代字體的高端設計藝廊。

02

色彩

以高對比單色為基礎，搭配單一亮粉色調以達到最大衝擊力。

03

字型

didone-serif · grotesque-sans

• display90px · 400
• heading36px · 400
• body18px · 400

所有 UI 元素與內文使用 grotesque-sans 字體。 · 巨大、具衝擊力的標題僅使用 didone-serif 字體。 · 展示文字保持緊湊的字距，以強化其編輯感。

04

間距

運用寬裕的留白與寬間距區隔章節，讓大型字體得以呼吸。

05

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

1px solid rgba(255,255,255,1.0)

0px 8px 24px rgba(0,0,0,0.5)

06

版面

全寬、邊到邊的佈局，由巨大的置中元素主導。

07

動效與互動

互動元素上流暢的透明度與 transform 轉場。 · 按鈕與連結上的懸停效果。

互動元素上的細微色彩或透明度變化。 · 標準的指標互動，並提供即時視覺回饋。

08

組件

• button 藥丸形按鈕，白色邊框搭配黑色背景。
• card 具有大圓角與細微深色漸層或實色背景的卡片。
• hero 一個沉浸式的全螢幕區塊，包含巨型襯線體標題與浮動的 3D 有機影像。

09

文案語氣與禁用清單

• 語氣 精緻、直接，並帶有前衛感。
• 標題風格 極簡且高度表現力，使用巨大、富有感染力的詞彙。
• 按鈕文案 簡潔、以行動為導向的文字，封裝在獨特的藥丸形狀內。

• 避免使用圓潤、友善的形狀——截圖顯示銳利、高挑的襯線體與藥丸形按鈕。
• 避免使用淺色或多彩背景——截圖顯示主導的黑色背景 (#000000)。
• 避免使用多色調色盤——截圖顯示嚴格的白、黑、灰配色，僅搭配單一粉色強調色。
• 避免使用細小、不顯眼的字體——截圖顯示巨大、超大的展示文字。
• 避免使用複雜、雜亂的佈局——截圖顯示廣闊的空白空間與聚焦、單一的元素。
• 避免使用柔和、粉彩的強調色——截圖顯示鮮豔、高飽和度的粉色 (#EB516D)。
• 避免: 過度親切的行話
• 避免: 過多標點符號
• 避免: 泛泛的企業用語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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