精選 · 開放 · 免費

ToyFight

一個結合復古遊戲美學、既俏皮又高端的創意代理商網站。

01

設計氣質 DNA

一家融合了 8 位元遊戲情懷與高端創意服務的設計工作室。

02

色彩

溫暖、柔和的中性背景色與高對比度的深色墨色形成對比。

03

字型

monospaced · condensed-sans

• display56px · 400
• heading46px · 400
• body18px · 400
• caption14px · 500
• micro10px · 500

主要標題使用等寬字體以強化復古科技美學。 · 內文與 UI 文字使用窄體無襯線字體。 · 小型標籤使用大寫字母並增加字距。

04

間距

充足的留白，讓粗獷的字體和 3D 元素得以呼吸。

05

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

1px solid #0D0D0E

0 4px 12px rgba(0,0,0,0.05)

06

版面

不對稱、散落的佈局，包含重疊元素與充足的內距。

07

動效與互動

色彩與背景變化的流暢轉場。 · 3D 物體的複雜變換動畫。 · 滾動觸發的入場動畫。

互動元素上的細微顏色變化與變換。 · 透過啟用狀態提供即時視覺回饋。

08

組件

• button 藥丸形或圓角矩形按鈕，搭配淺色背景與深色邊框。
• card 展示作品集的深色背景卡片。
• chip 用於標籤和分類的小型藥丸形標籤。
• input 帶有底部邊框的簡潔文字輸入框。
• hero 大型 3D 互動物件，搭配散落、粗獷的字體區塊。

09

文案語氣與禁用清單

• 語氣 自信、俏皮且帶點不羈。
• 標題風格 粗獷、斷裂的陳述，充滿強烈個性。
• 按鈕文案 直接而俏皮，常使用非常規標籤。

• 不要在展示文字中使用通用的無襯線字體——截圖顯示了等寬和窄體字型。
• 不要使用僵硬、對稱的佈局——截圖顯示了散落、重疊的元素。
• 不要使用冰冷、臨床感的色盤——截圖顯示了溫暖、柔和的中性色（如 #F1E7E7）。
• 不要迴避 3D 和俏皮元素——截圖突出展示了一個 3D 遊戲機。
• 不要使用細、精緻的邊框——截圖顯示了 solid、自信的 1px 邊框。
• 不要讓字體大小單一——截圖顯示了從 10px 到 56px 的極端變化。
• 避免: 無聊的企業腔調
• 避免: 過度正式的語言
• 避免: 通用的設計術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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