OpenDesign·你的设计资产库

网页参考

Fwb Help

为现代社区打造的富有表现力的粗野主义编辑界面。

EditorialExperimentalBold TypographyDark ModePortfolio

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

01

设计气质 DNA

实验性编辑性粗野主义社区

一个具有粗野主义风格的原始实验性社区平台。

02

色彩

#D4F034Accent
#FFFFFFInk
#E0E0E0Ink soft
#111111BG
#888888Muted
rgba(255, 255, 255, 0.1)Line

以暗色、高对比度为基础,点缀以鲜艳、高饱和度的强调色。

03

字体

geometric-sans · monospace

  • display64px · 700

标题使用粗体、紧凑的排版。 · 正文应清晰易读。

04

间距

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

标准4px基础网格。

05

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

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

硬朗、尖锐的边缘,无border-radius。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

不对称、原始、非网格布局。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

截图中不可见。

标准指针光标。 · 标准指针光标。

08

组件

  • button 圆润的胶囊形状,白色背景配黑色文字,简单的padding。
  • card 不可见。
  • chip 不可见。
  • input 标准矩形输入框,配有黄色强调色背景容器。
  • hero 全出血、高对比度的摄影背景。

09

文案语气与禁用清单

  • 语气 实验性、原始、直接。
  • 标题风格 粗体、无衬线字体、大写或混合大小写。
  • 按钮文案 简单、直接,包含在圆角按钮内。
  • 不要使用border-radius——截图显示大多数元素为尖锐、零圆角边缘。
  • 不要使用渐变——截图显示为纯色和摄影背景。
  • 不要使用柔和、粉彩的颜色——截图显示为高对比度、鲜艳的强调色。
  • 不要使用过于复杂的网格——截图显示为不对称、原始的布局。
  • 不要使用投影——截图显示为扁平化设计元素。
  • 不要使用企业化、精致的语言——截图显示为原始、实验性的语调。
  • 避免: 精致化
  • 避免: 过度装饰
  • 避免: 企业化语言

11

System Prompt

一位资深视觉系统分析师描述一个原始、粗野主义的编辑界面。关键元素:深色(#111111)背景搭配高对比度的摄影主视觉,白色(#FFFFFF)文字,以及鲜艳的柠檬黄绿色(#D4F034)强调色。排版采用几何无衬线字体,以粗体、紧凑的比例使用。布局不对称且原始,打破传统网格约束。关键约束:绝不使用border-radius(元素边缘尖锐),避免柔和颜色(保持高对比度),并摒弃任何企业化精致感(保持实验性、粗野主义的语调)。语调直接而原始,避免任何装饰性或企业化语言。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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