OpenDesign·你的设计资产库

网页参考

Regisgrumberg

将文字作为动态视觉媒介的动态字体作品集。

ExperimentalPortfolioTypographyDark ModeExpressive

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

01

设计气质 DNA

实验性字体排印动态极简大胆

一个有生命的字体雕塑

02

色彩

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

纯净的高对比度单色方案,零彩色,完全专注于形式与运动。

03

字体

geometric-sans

  • display120px · 500
  • body16px · 400

字体排印同时作为内容和主要视觉元素 · 字母以不同角度旋转,创造动态构图

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.25, 0.1, 0.25, 1)easing

旋转字母 · 散落字体 · 动态构图

从静态截图无法确定 · 从静态截图无法确定

08

组件

  • button 截图中不可见
  • card 截图中不可见
  • chip 截图中不可见
  • input 截图中不可见
  • hero 全屏动态字体展示,散落旋转的字母围绕中央数字元素形成圆形构图

09

文案语气与禁用清单

  • 语气 实验性、大胆、非传统
  • 标题风格 字体作为视觉艺术,散落且旋转
  • 按钮文案 极简,可能整合在动态字体效果中
  • 不要使用传统网格布局——截图显示散落旋转的字体是主要构图方式
  • 不要添加色彩强调——截图使用纯黑白,不含任何彩色
  • 不要使用标准导航元素——截图显示无可见导航或UI组件
  • 不要优先考虑可读性而非构图——字母为视觉效果而旋转散落
  • 不要使用阴影或深度效果——截图显示平面图形形式,无维度提示
  • 不要将内容与视觉设计分离——这里的字体同时是内容和主要视觉元素
  • 避免: 传统网格布局
  • 避免: 色彩强调
  • 避免: 标准导航模式

11

System Prompt

这是一个实验性字体作品集网站,将文字作为动态视觉媒介。设计采用严格的单色方案:#000000 背景与 #FFFFFF 字体,创造最大对比度且不含任何彩色。字体类别为几何无衬线体,用于大型、散落、旋转的构图,围绕中央元素形成圆形图案。关键禁忌:不要使用传统网格,不要添加色彩强调,不要优先考虑可读性而非构图,不要使用阴影或深度效果,不要添加标准导航元素,不要将内容与视觉设计分离。该系统代表了一种大胆、实验性的网页设计方法,字体成为主要的视觉语言。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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