OpenDesign·你的设计资产库

网页参考

Keepgrading

采用强烈对比和摄影裁剪的电影化、电影感布局,旨在营造沉浸式的高端时尚氛围。

PhotographicExperimentalGalleryPortfolioStudio

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

电影感编辑式电影化高端时尚

如同一本高端时尚杂志的编辑跨页,或一帧带有浓重暗角处理的电影静帧。

02

色彩

#FFFFFFInk
#000000BG
#4A4A4AMuted
rgba(255, 255, 255, 0.1)Line

以摄影色彩为主要视觉驱动的纯粹单色主义。

04

间距

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

基于图像取景与负空间的电影感节奏。

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色彩或标准企业布局;切勿使用圆角或柔和阴影;避免杂乱或拥挤的界面;确保字体保持严肃与电影感;切勿使用浅色或轻盈的背景。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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