精选 · 开放 · 免费

Films53 12

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

01

设计气质 DNA

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

02

色彩

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

03

字体

grotesque-sans

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

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 正式、档案式且具有电影感。
• 标题风格 大写、细体、高度间距。
• 按钮文案 无传统按钮样式的极简文本链接。

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

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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