精選 · 開放 · 免費

Writer

一個透過自主代理擴展品牌一致執行的企業級 AI 平台。

aisaas
Writer 網站截圖
↓ 下載設計系統包 (23 MB)在 OpenDesign 中開啟

原站: https://writer.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

企業級 AI可擴展性信任專業形象

一個用於 AI 驅動內容與工作流程執行的企業級指揮中心。

02

色彩

#5551FFAccent
#000000Ink
#2D2D2DInk soft
#FFFFFFBG
#E4E9FFBG soft
#F3F3F3BG quiet
#BDBDBDMuted
rgba(0,0,0,0.1)Line

高對比的單色核心，搭配單一高飽和度的紫羅蘭色作為主要行動呼籲與強調色。

03

字型

transitional-serif · geometric-sans · monospaced

標題使用過渡襯線體，以展現權威感與優雅。 · 內文與 UI 使用乾淨的幾何無線體，確保高度可讀性。 · 標籤與導覽廣泛使用大寫與字距調整，以增加結構感。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

8px 基線網格，搭配充裕的垂直留白，以維持高質感、不雜亂的視覺感受。

05

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

sm · 4px
md · 12px
lg · 12px
pill · 999px

使用細微的 1px 邊框來界定輸入框與卡片邊緣，避免增加視覺干擾。

rgb(243, 243, 243) 0px 2px 4px 0px · rgba(191, 203, 255, 0.25) 0px 1px 8px 0px

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

內容採用居中單欄流動，功能展示則採用雙欄佈局。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

互動元素上流暢的色彩與背景過渡。 · hover 狀態下細微的縮放與透明度變化。

文字連結的色彩過渡與按鈕的背景變化。 · 主要行動按鈕的細微縮放變形。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Writer — 桌面首屏（hero）
桌面首屏（hero）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Writer — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高端的企業級 B2B SaaS AI 平台。其設計 DNA 特徵為鮮明的高對比單色核心（#FFFFFF 和 #000000），並搭配單一高飽和度的紫羅蘭色（#5551FF）作為強調。字體組合採用了具權威感的過渡襯線體作為展示，以及乾淨的幾何無線體作為內文與 UI。關鍵限制包括：永不引入次要的高飽和度色彩、維持充裕的留白，並確保所有標籤使用大寫字距調整。避免使用深色模式以及過度裝飾或嬉鬧的元素。始終優先考慮清晰度與專業的克制感。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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