精選 · 開放 · 免費

Designstripe

為銷售與行銷團隊自動化資產建立的設計代理。

01

設計氣質 DNA

一個由 AI 驅動的現代設計工作室，專為 B2B 團隊服務。

02

色彩

採用內斂的暖中性色調，搭配高對比字型，並以單一亮黃色作為功能性強調色。

03

字型

transitional-serif · monospace

• display64px · 400

所有介面文字、導覽和段落皆使用等寬字型。 · 將過渡襯線字型保留給高衝擊力的展示標題。 · 為大型襯線字型套用緊湊的字距調整。

04

間距

以 8px 為基礎網格，搭配充足留白，營造簡潔的編輯感。

05

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

使用 1px solid #000000 或 #6D6E5E 作為按鈕與結構性分隔線。

無可見陰影

06

版面

採用居中單欄式編輯排版，搭配寬邊距與大量留白。

07

動效與互動

互動元素上的色彩與變形過渡效果流暢平滑。

細微的背景色彩變化或外框高亮效果。 · 透過色彩或縮放提供即時視覺回饋。

08

組件

• button 藥丸造型，搭配粗黑色外框與大寫等寬字型文字。
• card 簡潔的容器，採用透明背景，並以 3D 像素藝術作為視覺錨點。
• chip 小型大寫等寬字型標籤，以斜線分隔（例如：PRODUCT / TEMPLATES）。
• input 極簡設計，可能採用等寬字型，搭配細微邊框。
• hero 大型襯線標題、等寬字型副標題，以及一個漂浮的 3D 抽象形狀。

09

文案語氣與禁用清單

• 語氣 專業、直接、具權威感，並帶有現代風味。
• 標題風格 簡潔、以效益為導向，且視覺上具份量感。
• 按鈕文案 直接的指令（JOIN WAITLIST、LEARN MORE），採用大寫等寬字型。

• 不要使用漸層背景 — 螢幕截圖顯示為單色暖中性色調。
• 不要使用無襯線字型作為內文 — 螢幕截圖顯示所有介面與段落文字皆採用等寬字型。
• 不要在主要按鈕上使用柔和的圓角 — 螢幕截圖顯示為帶有粗外框的藥丸造型按鈕。
• 不要預設深色模式 — 螢幕截圖顯示為淺色、灰白的背景。
• 不要使用多種亮色 — 螢幕截圖顯示受限的色板，包含黑色、灰色與單一黃色點綴。
• 不要使用厚重的投影效果 — 螢幕截圖顯示為扁平或帶有細微外框的元件。
• 避免: 過於隨意或俏皮的語言。
• 避免: 缺乏脈絡的密集技術術語。
• 避免: 鮮豔、多彩的漸層效果。
• 避免: 圓潤、泡泡狀的介面元件。
• 避免: 用於內文的襯線字型。
• 避免: 淺色背景上的低對比文字。

11

System Prompt

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