精选 · 开放 · 免费

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

动效与交互

交互元素上平滑的颜色与背景色过渡。 · 按钮与卡片上微妙的transform过渡。

交互元素上微妙的颜色或背景色变化。 · 轻微的transform或透明度变化。

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