精選 · 開放 · 免費

Pika

一個大膽、俏皮的 AI 影片生成平台，擁有簡潔、高對比度的介面。

01

設計氣質 DNA

一個俏皮而強大的 AI 創意工作室。

02

色彩

溫暖的米白色背景，搭配銳利的黑色排版與俏皮的金色點綴。

03

字型

grotesque-sans · humanist-sans

• display80px · 900
• h148px · 700
• h232px · 500
• body17px · 400
• caption14px · 300

標題採用超粗體與全大寫，建立強烈、具衝擊力的視覺層級。 · 內文字體採用較輕的字重，以確保在粗體標題下的可讀性。 · 排版緊湊，字距設為負值，營造出簡潔、現代的感受。

04

間距

一致的 4px 基礎單位，區塊內採用寬裕的內距（40px）。

05

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

1px solid rgba(207, 195, 255, 0.5)

0px 2px 0px 0px #111111 · 0px 4px 4px 0px rgba(0, 0, 0, 0.05)

06

版面

單欄置中首頁，下方為寬闊的內容區域。

07

動效與互動

互動元素上的顏色與背景色平滑過渡。 · 按鈕與卡片上的細微變換過渡。

互動元素上的細微顏色或背景色變化。 · 輕微的變換或透明度改變。

08

組件

• button 高對比度按鈕，採用圓角設計；主要按鈕為深色配白字，次要按鈕為淺色配深字。
• card 大型圓角卡片，具有獨特的背景色（紫色、深灰色、橙色）與大膽排版。
• chip 小巧的圓角標籤（例如：「PIKA AGENT」），採用深色背景與淺色文字。
• input 大型圓角文字輸入區，背景為淺灰色，並整合操作按鈕。
• hero 置中的首頁區塊，包含超大、粗體的標題、副標題以及顯著的輸入欄位。

09

文案語氣與禁用清單

• 語氣 俏皮、有活力且直接。
• 標題風格 大膽、全大寫且極具衝擊力。
• 按鈕文案 以行動為導向且清晰（例如：「生成」、「在網路上試用」）。

• 不要使用纖細或輕量的字體作為標題——截圖顯示的是超粗體、重字重的展示文字。
• 不要使用純白色背景——截圖顯示的是溫暖的米白色（#FCFAF7）。
• 不要使用冷色調的藍色或綠色作為主要點綴色——截圖顯示的是溫暖的金黃色（#FFD184）與紫色。
• 不要使用銳利的方角——截圖顯示卡片與輸入欄位採用了大圓角（18px）。
• 不要使用狹窄、擁擠的間距——截圖顯示區塊內採用寬裕的內距（40px）。
• 不要以深色模式作為預設——截圖顯示的是以淺色介面搭配深色文字為主。
• 避免: 過度專業的術語
• 避免: 被動語態
• 避免: 纖細或薄弱的排版
• 避免: 雜亂的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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