OpenDesign·你的设计资产库

网页参考

Off White Valeriafrancis

一个实验性的野兽派致敬网站,运用高对比度摄影和大胆的图形叠加,创造非线性的编辑体验。

EditorialTypographyPhotographicBoldClean
Off White Valeriafrancis 网站截图

01

设计气质 DNA

编辑野兽派实验性作品集致敬

一间野兽派艺术画廊或实验性时尚杂志的跨页。

02

色彩

#00FB34Accent
#000000Ink
#FFFFFFBG
#AAA4A4Muted
rgba(0,0,0,1)Line

以黑白为主导的高对比度色板,以单一、醒目的霓虹绿作为强调色。

03

字体

Offwhite · Times New Roman

  • display180px · 400
  • headline96px · 700
  • subhead72px · 700
  • title48px · 700
  • body-large20px · 400
  • body16px · 400

所有展示性及大标题文字使用 Offwhite 字体。 · 正文及小号文字使用 Times New Roman 字体。 · 展示性文字需保持紧凑的行高。

04

间距

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

不规则且混乱,由重叠的图像和文字块驱动。

05

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

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

06

布局

12columns
768 / 1024breakpoints

混乱、非线性的网格,由重叠的图像和文字块构成。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

元素在滚动或加载时的平滑淡入和变形过渡。

光标在交互元素上变为指针。 · 静态截图中不可见。

08

组件

  • button 右上角的黄色汉堡菜单图标。
  • card 无;布局是连续的拼贴。
  • chip 无。
  • input 无。
  • hero 由重复的人像、大型碎片化绿色文字和图形形状构成的密集、重叠的拼贴。

09

文案语气与禁用清单

  • 语气 实验性、大胆、非线性且概念化。
  • 标题风格 大型、碎片化,并与图形元素融合。
  • 按钮文案 极简主义且基于图标(黄色汉堡菜单)。
  • 不要使用干净、有序的网格——截图显示的是混乱的、重叠的图像和文字拼贴。
  • 不要使用无衬线字体作为正文——截图显示所有正文都使用了 Times New Roman。
  • 不要使用微妙或柔和的色彩——截图显示的是高对比度色板,并以霓虹绿为主导强调色。
  • 不要在主要元素上使用圆角——截图显示所有图像和形状都是锐利的矩形边缘。
  • 不要使用传统的基于组件的布局——截图显示的是连续的、非线性的内容流。
  • 不要使用轻盈或活泼的字体——截图显示的是粗体、厚重且有时碎片化的展示字体。
  • 避免: 正式语言
  • 避免: 传统网格布局
  • 避免: 微妙的色板
  • 避免: 无衬线正文字体

11

System Prompt

这是一个实验性的野兽派编辑作品集网站。其特点是混乱、重叠的重复摄影人像拼贴,以及大胆、碎片化的文字。色彩板是鲜明的高对比度,使用黑白作为主要的背景和文字颜色,单一、醒目的霓虹绿(#00FB34)作为唯一的强调色。字体依赖于名为“Offwhite”的自定义展示字体用于大标题,以及 Times New Roman 用于正文,形成强烈的反差。布局是非线性的,打破了传统的网格系统。关键设计约束:不要使用干净的网格;截图显示的是混乱的重叠。不要使用无衬线正文字体;截图使用的是 Times New Roman。不要使用柔和或微妙的色彩;截图以高对比度和霓虹绿为定义。不要使用圆角;截图显示的是锐利的边缘。不要使用传统的组件结构;截图显示的是连续的拼贴。不要使用轻盈或活泼的字体;截图使用的是粗体、厚重的字体。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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