OpenDesign·你的设计资产库

网页参考

Phlntn

一个聚焦于原始实验与三维创意作品的开发者个人作品集。

PortfolioDeveloperExperimentalMonochromeTypography

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

01

设计气质 DNA

开发者创作者实验性极简主义个人

一个数字工作室空间:原始、专注、手工构建。

02

色彩

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

高对比度单色:纯黑背景搭配醒目的白色元素与文本。

03

字体

geometric-sans

  • display14px · 400
  • caption10px · 400

所有文本均采用小型几何无衬线字体 · 文本常被用作图形元素,例如旋转的曲线 · 导航呈现为紧凑的、垂直排列的大写链接列表

04

间距

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

紧凑、功能性的间距,由三维构图的需求决定,而非严格的垂直节奏。

05

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

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

细长的、1px实心白色线条,用于构建几何形状和框架。

06

布局

12columns
24pxgutter
768 / 1024breakpoints

不对称构图,一个大型三维元素与一个简单的几何框架及一条垂直线相交。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

主文本元素的持续三维旋转 · 导航链接可能具有的悬停状态

导航链接在悬停时可能有细微的颜色或不透明度变化。 · 遵循标准的浏览器链接行为。

08

组件

  • button 无可见的标准按钮。
  • card 一个单一的、细长的白色正方形轮廓充当主要容器或卡片。
  • hero 一个动态的、三维旋转的文本环作为主要交互与视觉元素。

09

文案语气与禁用清单

  • 语气 直接、极简且自我描述性的。
  • 标题风格 主标题融入三维图形元素中。
  • 按钮文案 无明显的行动号召按钮。
  • 不要使用浅色背景——截图显示的是纯黑背景。
  • 不要使用多种强调色——截图严格采用单色方案。
  • 不要为元素添加投影——截图仅使用纯色线条和文本。
  • 不要在卡片上使用圆角——截图显示的是锋利的方形轮廓。
  • 不要使用多种字号——截图使用非常统一的小字号。
  • 不要将主要内容放置在居中的容器中——构图是不对称的且使用了整个视口。
  • 避免: 彩色渐变
  • 避免: 装饰性图标
  • 避免: 长篇文本块

11

System Prompt

这是一个面向开发者与创意者的个人作品集网站,其特点是鲜明、高对比度的单色美学。设计具有实验性,专注于原始的几何形式和三维运动。关键颜色是纯黑(#000000)和白色(#FFFFFF),无其他色调。字体排印对所有文本使用小型几何无衬线字体。关键禁忌:切勿使用浅色背景,切勿添加彩色强调色,切勿在几何元素上使用圆角。布局是非传统且不对称的,由三维构图驱动。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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