精選 · 開放 · 免費

Winamp

透過簡潔設計與表現力攝影，賦能藝人與聽眾的現代化音樂平台。

01

設計氣質 DNA

經典音樂播放器品牌的現代化復興，融合了懷舊溫暖與當代簡潔美學。

02

色彩

乾淨的白色畫布，搭配高對比度的深色排版，以及單一溫暖的橙色強調色以展現品牌活力。

03

字型

geometric-sans · humanist-sans · geometric-mono

• display69px · 700
• h234px · 600
• body-lg24px · 400
• body15px · 400
• caption12px · 400

標題使用厚重的幾何無襯線字體，並搭配緊湊的負值字距 · 內文使用高可讀性的人文主義無襯線字體，適合長時間閱讀 · 導覽與介面元素使用小號、常規字重的人文主義無襯線字體

04

間距

採用一致的 4px 基礎網格，首頁區塊使用 40px 與 56px 的間距，營造寬敞的留白。

05

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

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

0 2px 8px rgba(0,0,0,0.04) · 0 8px 24px rgba(0,0,0,0.08)

06

版面

首頁區塊採用分割佈局（文字在左，重疊意象在右）。導覽為全寬度，採用標準水平對齊。

07

動效與互動

導覽連結與按鈕上的細微懸停狀態 · 透過 'all' 屬性實現互動元素的平滑過渡

互動元素上的顏色變化或細微透明度調整。 · 透過標準按鈕狀態提供即時回饋。

08

組件

• button 主要按鈕採用外框樣式，圓角設計，白色背景搭配深色邊框。
• card 以影像為主的卡片，具有重疊邊框與細微圓角，用於藝術表達。
• chip 簡潔的圓角標籤，淺色背景，用於分類。
• input 標準表單欄位，帶有細微邊框，整合於對話框中。
• hero 大規模分割佈局，包含大膽排版與動態的傾斜、重疊影像拼貼。

09

文案語氣與禁用清單

• 語氣 專業、賦能且略帶懷舊感，同時保持現代化與親切感。
• 標題風格 大膽、粗體且極簡，讓排版與影像承擔主要視覺份量。
• 按鈕文案 直接且清晰，採用標準按鈕設計，避免侵略性的視覺風格。

• 請勿使用霓虹或高飽和度的背景顏色 — 螢幕截圖顯示的是乾淨的白色背景（#FFFFFF）。
• 請勿使用裝飾性襯線字體作為內文 — 螢幕截圖顯示的是簡潔的人文主義無襯線字體。
• 請勿創造雜亂、緊密堆砌的佈局 — 螢幕截圖顯示的是寬敞的留白與間距（例如 40px、56px）。
• 請勿使用尖銳的方形角落作為互動元件 — 螢幕截圖顯示的是圓角設計（8px、12px）。
• 請勿將深色模式作為預設主題 — 螢幕截圖顯示的是明亮模式主題，搭配黑色文字。
• 請勿在元素上使用厚重的陰影或 3D 效果 — 螢幕截圖顯示的是簡潔的平面設計，搭配極簡邊框。
• 避免: 過於複雜的技術術語
• 避免: 侵略性或浮誇的行銷用語
• 避免: 雜亂的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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