精选 · 开放 · 免费

Off White Valeriafrancis

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

EditorialTypographyPhotographicBoldClean
Off White Valeriafrancis 网站截图
在 OpenDesign 中打开

原站: https://off-white.valeriafrancis.com

01

设计气质 DNA

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

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

02

色彩

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

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

03

字体

Offwhite · Times New Roman

所有展示性及大标题文字使用 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

组件

09

文案语气与禁用清单

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

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