OpenDesign·你的设计资产库

网页参考

Films53 12

一个极简影展网站,在纯黑画布上运用醒目的排版。

EditorialBold TypographyPhotographicStudioClean
Films53 12 网站截图

01

设计气质 DNA

电影极简主义影展编辑

以鲜明的现代主义排版呈现的电影影展。

02

色彩

#ECE5EAInk
#000000BG
rgba(236,229,234,0.1)Line

鲜明、高对比度的单色调,以实现最大的电影冲击力。

03

字体

grotesque-sans

  • display200px · 300
  • headline68px · 300
  • body14px · 300

所有文本均为大写 · 主要字重为细体 (300) · 电影标题尺寸大且视觉上占主导

04

间距

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

非对称且通透,利用充足的留白分隔排版元素。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 0px

不可见;完全依赖纯粹的空间对比。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

自由流动的排版网格,散布着标题。

07

动效与交互

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

悬停时细微的不透明度或变换过渡。

光标变为指针;可能是细微的颜色或不透明度变化。 · 立即导航至电影详情。

08

组件

  • button 简单的文本链接,无可见边框或背景。
  • card 无;布局纯粹是排版驱动的。
  • chip 无。
  • input 无。
  • hero 位于视口顶部的巨型、横跨屏幕的标识。

09

文案语气与禁用清单

  • 语气 正式、档案式且具有电影感。
  • 标题风格 大写、细体、高度间距。
  • 按钮文案 无传统按钮样式的极简文本链接。
  • 不使用粗体字重——截图中仅显示细体 (300) 排版。
  • 不添加投影或3D效果——截图显示的是扁平、高对比度的设计。
  • 不使用明亮的强调色——截图显示的是严格的纯黑与浅粉白色单调色板。
  • 不使用圆角或基于卡片的布局——截图显示的是尖锐、边到边的文本元素。
  • 不使用两端对齐的文本对齐方式——截图混合使用了左对齐和右对齐,以营造动态感。
  • 不使用图标充斥界面——截图显示几乎是纯排版的导航。
  • 避免: 不使用粗体字重
  • 避免: 不添加装饰性边框或阴影
  • 避免: 不使用多种颜色或渐变

10

包内真实截图

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

11

System Prompt

这是一个极简影展作品集,采用鲜明、高对比度的排版。主要颜色是纯黑背景 (#000000) 和米白/浅粉墨色 (#ECE5EA)。排版完全使用细体 (300) 粗黑体无衬线字体,并以巨大尺度用于电影标题和首屏标识。所有文本均为大写。关键禁忌:绝不使用粗体字重,绝不添加阴影或圆角,绝不引入多种颜色。布局通透,利用充足的留白分隔元素。将品牌定位为正式的、档案式的电影作品集。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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