精選 · 開放 · 免費

Allcapstype

一個簡潔、以字體為核心的字型鑄造所網站，帶有醒目的霓虹洋紅簽名色。

01

設計氣質 DNA

一個純淨的藝廊，字體即為藝術。

02

色彩

高對比單色調，搭配單一強烈的霓虹洋紅強調色。

03

字型

grotesque-sans · monospaced

• display432px · 500
• heading32px · 400
• body12px · 400

UI 文字使用寬鬆字距，以維持精緻、通透的感受。 · 嚴格將字重限制在 400 與 500，以創造統一、現代的外觀。 · 允許展示型字體採用極其碩大且富有表現力的尺度。

04

間距

不對稱節奏，水平間距寬裕。

05

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

無；依靠間距與色彩進行區隔。

06

版面

全寬首頁橫幅區塊，後接字型樣本網格。

07

動效與互動

互動元素採用平滑的透明度與變形過渡效果。 · 滑鼠懸停時帶有細微的縮放或色彩變化。

細微的色彩變化或透明度調整。 · 即時的視覺回饋。

08

組件

• button 高對比膠囊形按鈕，採用霓虹洋紅背景。
• card 極簡卡片，呈現字型樣本，專注於字體表現。
• chip 小巧、簡潔的標籤，用於顯示風格數量與中繼資料。
• input 極簡、無邊框的輸入欄位。
• hero 主導性的展示型字體，帶有柔和的霓虹洋紅發光效果。

09

文案語氣與禁用清單

• 語氣 專業、精緻，略帶俏皮。
• 標題風格 粗體、以展示為主，常帶有霓虹發光效果。
• 按鈕文案 直接且具行動導向（例如「購買」）。

• 勿將深色背景作為主要介面 — 截圖顯示為明亮的白色畫布。
• 勿將霓虹洋紅強調色用於大段文字 — 此色彩僅保留給小型互動元素與首頁橫幅的發光效果。
• 勿在大多數元件上使用圓角 — 截圖顯示為方形或極輕微圓角的元素。
• 勿使用陰影來製造深度感 — 設計依賴平面表面與色彩對比。
• 勿使用細小擁擠的字體 — 設計優先採用大尺度與充裕留白。
• 勿使用複雜的多色漸層 — 調色盤嚴格遵循單色調加單一強調色。
• 避免: 避免使用過於隨意或口語化的語氣。
• 避免: 避免在介面中堆砌不必要的文字。
• 避免: 避免使用多個互相競爭的強調色。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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