01
设计气质 DNA
神秘超现实暗色艺术感剪影
一间进行着戏剧性单色红色投影的暗室。
02
色彩
#ffffffInk#1a1a1aBG#808080Mutedrgba(255,255,255,0.1)Line高对比度深色模式,由主要媒体中单一、戏剧性的饱和红色主导视口。
03
字体
- display
56px · 400 - body
16px · 400
极简的字体排印,聚焦于干净、几何感的字形。 · 字体排印服务于大型、电影感的视觉媒体。
04
间距
4px8px16px24px32px48px64px96px围绕核心媒体元素的充裕留白,营造出聚焦、电影感的框架。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
克制使用细微的半透明白色边框进行内容区隔。
0 4px 12px rgba(0,0,0,0.5)
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
极简的标题栏,居中放置标志,两侧为图标按钮。主要内容是一个单一的、大尺寸、全出血的媒体播放器。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
导航图标上的细微悬停状态。 · 视频播放控件的平滑过渡。
交互图标上的细微透明度或缩放变化。 · 播放/暂停控件的即时状态切换。
08
组件
- button 极简的纯图标按钮(汉堡菜单、信封图标、播放/暂停)位于浮动标题栏或叠加在媒体之上。
- card 核心媒体元素本身即作为全出血的卡片,带有细微的圆角。
- hero 全视口、电影感的视频或图像,以饱和红色为背景,呈现深色剪影。
09
文案语气与禁用清单
- 语气 神秘、艺术、极简。
- 标题风格 粗体且留白,让视觉内容自己说话。
- 按钮文案 内敛且图标化,避免使用醒目的行动号召按钮。
- 勿使用明亮、多彩的背景——截图显示为深色、近乎纯黑的界面,色彩仅来自媒体的主导色。
- 勿使用装饰性或手写字体——字体排印应干净、几何化且功能性强。
- 勿为容器添加明显的边框或厚重的投影——表面通过细微投影或内容本身来界定。
- 勿用可见的导航标签使界面显得杂乱——用户界面应由中央媒体作品主导,UI元素需极度精简。
- 勿使用密集、多列的栅格布局——布局应优先保证单一、沉浸式的视觉体验。
- 勿为按钮或链接使用高饱和度的强调色——所有色彩均应源自主要媒体。
- 避免: 喧闹、推广性的语言。
- 避免: 杂乱的界面。
- 避免: 明亮、高调的配色方案。
11
System Prompt
一个创意工作室的极简沉浸式作品集,通过实验性、电影感的视觉形象定位自身。设计采用深色模式(背景为 #1a1a1a),文字为白色(#ffffff)。一个单一、戏剧性的红色通过主要媒体主导视口,因此不使用独立的强调色。字体排印干净、几何化且功能性强,作为艺术作品的微妙框架。关键禁忌:避免添加杂乱元素或喧闹的行动号召;避免使用装饰性字体;避免引入媒体之外的新高饱和度色彩;避免用复杂的UI元素遮挡视觉内容;避免使用明亮或多彩的配色方案;避免为容器添加厚重的边框或投影。