精選 · 開放 · 免費
Replay Software
為你的 Mac 打造的終極音樂配件。
ProductCleanApp UIPremiumDesign Tools
01
設計氣質 DNA
音樂mac配件小工具控制
一款流線型的桌面音樂控制器,完美融入 macOS 環境。
02
色彩
#1A1A1AInk
#FFFFFFBG
#6B6B6BMuted
rgba(0,0,0,0.08)Line
採用純淨白色畫布與高對比深色文字,確保清晰度與焦點。
03
字型
geometric-sans · humanist-sans
- display
64px · 700 - heading
40px · 700 - body
18px · 400
標題使用粗體、幾何感的無襯線字體,字距緊湊。 · 內文採用易讀性極高的人文主義無襯線字體。 · 大型字體尺寸主導佈局,建立清晰的視覺層級。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
寬裕的垂直間距強化了大型字體的運用,並營造出平靜、優質的氛圍。
05
表面 (圓角 / 陰影 / 邊線)
sm · 8px
md · 16px
lg · 24px
pill · 999px
0 4px 24px rgba(0,0,0,0.08)
06
版面
1200container
12columns
24pxgutter
768 / 1024breakpoints
單欄置中佈局,搭配醒目的主視覺圖形與清晰的字體層級。
07
動效與互動
200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
按鈕與導覽項目的 hover 過渡效果。
互動元素進行細微的色彩或陰影變化。 · 提供即時視覺回饋,可能是輕微的縮放或透明度變化。
08
組件
- button 膠囊形或圓角矩形,採用實心填充、高對比文字,以及細微的陰影或邊框。
- card 用於主要產品圖形,展示大圖搭配圓角與柔和的投影效果。
- chip 導覽列中的小型圓角膠囊標籤,用於切換產品。
- hero 大型置中圖形,展示產品於情境中的樣貌,搭配浮動的裝飾元素。
09
文案語氣與禁用清單
- 語氣 自信、極簡且優質。
- 標題風格 直接、粗體且以效益為導向的陳述。
- 按鈕文案 清晰、行動導向的文字,適用時包含定價資訊。
- 不要使用暗色模式——截圖顯示背景主要為白色。
- 不要使用細長、纖細的字體——截圖使用粗體、厚實的字重。
- 不要使用複雜的格線佈局——截圖採用簡單的單欄置中佈局。
- 不要使用低飽和、灰濛的配色方案——截圖包含鮮豔多彩的產品圖形。
- 不要使用狹小、擁擠的間距——截圖在元素周圍使用寬裕的留白。
- 不要使用裝飾性字體——截圖採用簡潔、幾何感的無襯線字體。
- 避免: 術語
- 避免: 過度技術性的語言
- 避免: 雜亂的佈局
11
System Prompt
Replay Software 推出一款優質、簡潔的 macOS 應用程式登陸頁面。設計 DNA 以純白色背景 (#FFFFFF)、高對比深色文字 (#1A1A1A) 與寬裕留白為定義。字體大量依賴粗體、幾何感的無襯線展示字體作為標題,並使用人文主義無襯線字體作為內文。佈局為簡單的單欄置中,搭配大型、多彩的產品主視覺圖像。重要禁忌:避免暗色模式或深色背景,避免細長或輕字重,避免雜亂或複雜的格線佈局,避免狹小間距,並避免裝飾性字體。整體氛圍精緻、極簡,專注於展現產品的視覺吸引力。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko