← OpenDesign 精選 · 開放 · 免費
AssemblyAI
為開發者打造的簡潔、專業語音 AI 基礎架構
ai voice
01
設計氣質 DNA
基礎架構 語音 開發者 精準
用於建構語音應用程式的精準工具
02
色彩
#3923C7Accent
#1D1B16Ink
#4A4945Ink soft
#FDFCF8BG
#F5F3EBBG soft
#777673Muted
rgba(74, 73, 69, 0.15)Line
簡潔、高對比的基礎色調，搭配一個醒目的點綴色用於主要操作。
03
字型
transitional-serif · geometric-sans · monospace
display 64px · 400body 16px · 400mono 14px · 400大型展示標題使用過渡型襯線體 · 內文與導覽使用幾何無襯線體 · 程式碼片段與技術介面元素使用等寬字體
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
一致的 8px 基礎網格，搭配充裕的留白以確保清晰度。
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 4px
lg · 8px
pill · 999px
使用柔和的深色描繪細薄邊框，以定義容器而不增加視覺重量。
0px 4px 20px 4px rgba(29, 27, 22, 0.12)
06
版面
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
充裕的間距，並在導覽、首頁橫幅與內容區塊之間建立清晰的層次結構。
07
動效與互動
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
互動元素在 hover 和 focus 時有細膩的過渡效果 · UI 元件的狀態變化流暢平順
按鈕與導覽連結在 hover 時有細微的顏色或透明度變化。 · 透過狀態變化提供即時的視覺回饋。
08
組件
button 大寫、粗體的按鈕，填充色（點綴色）與外框樣式之間具有高對比。 card 簡潔的容器，帶有細邊框與細微陰影，通常用於承載互動或技術內容。 chip 大寫、等寬字體的標籤，帶有細邊框，用於 API 分類。 input 極簡的樣式與簡潔的邊框，著重於功能性。 hero 大型、粗體的襯線標題，搭配簡潔的無襯線輔助文字與明確的行動呼籲。 09
文案語氣與禁用清單
語氣 專業、權威且以開發者為中心。 標題風格 大型、具衝擊力的襯線標題，傳達規模與重要性。 按鈕文案 直接、大寫且具行動導向。 避免使用俏皮或圓潤的字體——畫面截圖顯示了過渡型襯線體與幾何無襯線體的混搭。 避免使用鮮豔的多色漸層——畫面截圖顯示了以單色調為主、僅有一個點綴色的簡潔調色板。 避免用太多元素堆疊介面——畫面截圖顯示了充裕的留白與清晰的層次。 避免將主要行動呼籲設為小寫——畫面截圖顯示按鈕與技術標籤均為大寫。 避免使用粗體或過重的字重作為內文字體——畫面截圖顯示大部分文字使用一致的 400 字重。 避免使用複雜、多層的陰影——畫面截圖顯示僅在提升的元素上使用單一、細微的 box-shadow。 避免: 非正式的語言 避免: 過度的裝飾 避免: 模糊的術語 10
包內真實截圖
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個語音 AI 基礎架構公司的簡潔、專業網站。設計使用過渡型襯線體作為大型展示標題，幾何無襯線體作為內文，營造出精緻而現代的感覺。主要點綴色為深藍紫色（#3923C7），用於「免費註冊」和「開始使用」等關鍵操作。背景是溫暖的米白色（#FDFCF8），搭配略深的米白色（#F5F3EB）進行細微的表面區分。文字主要使用極深的棕黑色（#1D1B16）以確保高對比度。關鍵禁忌：避免俏皮字體、避免多色漸層、避免介面過於雜亂。佈局寬敞，具有充裕的 padding，強調清晰度與技術精準度。
更多精選 en · zh-CN · zh-TW · ja · ko
