01
设计气质 DNA
电影感编辑式电影化高端时尚
如同一本高端时尚杂志的编辑跨页,或一帧带有浓重暗角处理的电影静帧。
02
色彩
#FFFFFFInk#000000BG#4A4A4AMutedrgba(255, 255, 255, 0.1)Line以摄影色彩为主要视觉驱动的纯粹单色主义。
04
间距
4px8px16px24px32px48px64px96px基于图像取景与负空间的电影感节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;依赖绝对定位与蒙版处理。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
不对称的摄影网格布局,大量运用负空间与元素重叠。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
对摄影元素进行微妙的缩放或视差处理。 · 摄影构图或透明度的细微变化。
08
组件
- hero 全出血摄影主视觉区域,采用电影式裁剪与负空间蒙版处理。
09
文案语气与禁用清单
- 语气 电影感、神秘且高端时尚。
- 标题风格 Didone衬线体,大号,居中排列,字间距较大。
- 按钮文案 极简风格,很可能融入摄影构图之中。
- 切勿使用明亮、饱和的UI色彩——截图显示的是纯黑背景,摄影内容是唯一的色彩来源。
- 切勿使用圆角或柔和阴影——截图显示的是锐利、矩形的边缘和绝对定位。
- 切勿使用标准网格或居中内容——截图显示的是不对称、电影化的布局,带有大量负空间。
- 切勿使用杂乱或拥挤的界面——截图显示的是极简、以摄影为中心的构图。
- 切勿使用浅色或轻盈的背景——截图显示的是深邃的纯黑背景。
- 切勿使用俏皮或异想天开的字体——截图显示的是严肃、基于衬线体的电影化字体处理。
- 避免: 俏皮或随意的语言
- 避免: 明亮、饱和的UI色彩
- 避免: 标准的企业级布局
11
System Prompt
一个电影化、编辑式的组合作品设计,运用纯黑背景和高端时尚摄影来营造沉浸式的电影体验。调色盘为单色黑(#000000),摄影内容提供所有色彩。字体严格基于衬线体,展示文字使用Didone衬线体,正文使用过渡衬线体,强调优雅与神秘感。布局不对称且富有电影感,依赖大量负空间、绝对定位和摄影蒙版,而非传统网格。关键约束:避免任何明亮的UI色彩或标准企业布局;切勿使用圆角或柔和阴影;避免杂乱或拥挤的界面;确保字体保持严肃与电影感;切勿使用浅色或轻盈的背景。