精選 · 開放 · 免費

Replay Software

為你的 Mac 打造的終極音樂配件。

ProductCleanApp UIPremiumDesign Tools
Replay Software 網站截圖
在 OpenDesign 中開啟

原站: https://replay.software/sleeve

01

設計氣質 DNA

音樂mac配件小工具控制

一款流線型的桌面音樂控制器,完美融入 macOS 環境。

02

色彩

#1A1A1AInk
#FFFFFFBG
#6B6B6BMuted
rgba(0,0,0,0.08)Line

採用純淨白色畫布與高對比深色文字,確保清晰度與焦點。

03

字型

geometric-sans · humanist-sans

標題使用粗體、幾何感的無襯線字體,字距緊湊。 · 內文採用易讀性極高的人文主義無襯線字體。 · 大型字體尺寸主導佈局,建立清晰的視覺層級。

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

組件

09

文案語氣與禁用清單

11

System Prompt

Replay Software 推出一款優質、簡潔的 macOS 應用程式登陸頁面。設計 DNA 以純白色背景 (#FFFFFF)、高對比深色文字 (#1A1A1A) 與寬裕留白為定義。字體大量依賴粗體、幾何感的無襯線展示字體作為標題,並使用人文主義無襯線字體作為內文。佈局為簡單的單欄置中,搭配大型、多彩的產品主視覺圖像。重要禁忌:避免暗色模式或深色背景,避免細長或輕字重,避免雜亂或複雜的格線佈局,避免狹小間距,並避免裝飾性字體。整體氛圍精緻、極簡,專注於展現產品的視覺吸引力。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗

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