OpenDesign·你的设计资产库

网页参考

Pika

一个拥有简洁、高对比度界面的大胆、活泼的AI视频生成平台。

AIVideo
Pika 网站截图

01

设计气质 DNA

AI视频生成创意工具活泼大胆

一个活泼而强大的AI创意工作室。

02

色彩

#FFD184Accent
#0D0D0DInk
#222222Ink soft
#FCFAF7BG
#FFFFFFBG soft
rgba(207, 195, 255, 0.5)Line

温暖的米白色背景,搭配锐利的黑色字体与活泼的金色点缀。

03

字体

grotesque-sans · humanist-sans

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

标题采用超粗体和大写形式,营造强烈、富有冲击力的视觉层次。 · 正文使用较细的字重,以便在粗体标题下保持可读性。 · 字体采用紧凑排版和负字间距,呈现紧凑、现代的感觉。

04

间距

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

基于一致的4px基础单位,区块内采用充裕的内边距(40px)。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 18px
pill · 999px

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

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

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中的单列核心区域,下方是宽幅内容区。

07

动效与交互

150msmicro
200mssmall
300msmedium
cubic-bezier(0.23, 1, 0.32, 1)easing

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

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

08

组件

  • button 高对比度圆角按钮;主按钮为深色配白色文字,次按钮为浅色配深色文字。
  • card 大尺寸圆角卡片,具有鲜明的背景色(紫色、深灰色、橙色)和粗体字体。
  • chip 小尺寸圆角标签(例如 'PIKA AGENT'),深色背景配浅色文字。
  • input 大尺寸圆角文本输入区,浅灰色背景,并集成操作按钮。
  • hero 居中的核心区域,包含一个巨大、粗体的标题、副标题以及一个醒目的输入框。

09

文案语气与禁用清单

  • 语气 活泼、有活力且直接。
  • 标题风格 粗体、大写且极具冲击力。
  • 按钮文案 以行动为导向且清晰(例如,“生成”、“在线尝试”)。
  • 不要使用纤细或轻薄的字体作为标题——截图显示的是超粗体、重字重的展示文本。
  • 不要使用纯白背景——截图显示的是温暖的米白色(#FCFAF7)。
  • 不要使用冷色调的蓝色或绿色作为主强调色——截图显示的是温暖的金黄色(#FFD184)和紫色。
  • 不要使用尖锐的方形圆角——截图显示的是卡片与输入框的大圆角(18px)。
  • 不要使用紧凑狭小的间距——截图显示的是区块内充裕的内边距(40px)。
  • 不要使用深色模式作为默认——截图显示的是以浅色界面为主、深色文字的设计。
  • 避免: 过于技术性的术语
  • 避免: 被动语态
  • 避免: 纤细或轻薄的字体
  • 避免: 杂乱的布局

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是Pika的设计系统,一个活泼而强大的AI视频生成平台。其视觉语言以温暖的米白色背景(#FCFAF7)为特征,与锐利的超粗体黑色字体(#0D0D0D)形成对比。关键强调色包括用于主要操作的金黄色(#FFD184),以及用于卡片背景的柔和紫色/橙色。字体以用于标题的粗体、怪诞无衬线展示字体为主,营造出高冲击力、充满活力的感觉,而正文则使用更简洁的人文无衬线字体。布局宽敞,内边距充裕。关键设计规则包括:绝不使用纤细字体作为标题,始终使用温暖的米白色背景而非纯白色,并避免冷色调调色板,优先使用既定的温暖强调色。避免杂乱的布局和被动语言。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。