OpenDesign·你的设计资产库

网页参考

10Xdesigners

一个面向设计师的高对比度、排版驱动的资源共享与发现中心。

Design ToolsCurationCleanTypographyDark Mode
10Xdesigners 网站截图

01

设计气质 DNA

设计资源策展分享放大作品

一个高端、极简的设计师工具与素材库。

02

色彩

#FF1841Accent
#FFFFFFInk
#000000BG
#949494Muted
rgba(148, 148, 148, 0.3)Line

鲜明、高对比度的极简主义,使用严格的黑白基底,搭配单一高饱和度红色点缀。

03

字体

grotesque-sans

  • display300px · 400
  • heading32px · 400
  • body18px · 400
  • small13px · 400

为巨大的展示文本使用极紧的字间距(-12px),以保持视觉凝聚力。 · 所有元素保持一致的常规字重(400),以维持设计的干净与统一。

04

间距

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

严格的4px基线网格,元素间留有充裕、有意的间距。

05

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

sm · 2px
md · 12px
lg · 20px
pill · 999px

1px solid rgba(148, 148, 148, 0.3),谨慎用于分隔线与输入状态。

无

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽英雄区域配以巨大排版,后接结构化、基于网格的内容区域。

07

动效与交互

100msmicro
200mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

流畅的线性显示过渡,用于界面状态变化。 · 交互元素上细腻的悬停效果。

通过细微的色彩或透明度变化来指示可交互性。 · 即时、响应式的反馈,无需复杂动画。

08

组件

  • button 胶囊形主要操作按钮,采用高对比度颜色与干净排版。
  • card 极简卡片,聚焦内容,具有清晰排版与细腻边框。
  • chip 单选按钮式选择芯片,具有明确的激活与非激活状态。
  • input 干净的文本输入框,圆角边框与平滑的聚焦过渡。
  • hero 全屏、沉浸式的英雄区域,以巨大的排版声明为主导。

09

文案语气与禁用清单

  • 语气 直接、自信且专业,面向具有设计素养的受众。
  • 标题风格 大胆、巨大且排版表现力强,常使用紧凑间距。
  • 按钮文案 清晰、行动导向且视觉突出,引导用户进行下一步操作。
  • 不要使用多种字重——截图显示仅使用400字重。
  • 不要使用多种点缀色——截图显示仅使用单一红色点缀(#FF1841)。
  • 不要使用柔和或灰暗的背景色——截图显示的是鲜明、纯黑的背景。
  • 不要使用紧凑、密集的间距——截图显示的是充裕的留白和大型排版比例。
  • 不要使用复杂、装饰性的UI元素——截图显示的是干净、极简的组件。
  • 不要使用厚重的阴影或3D效果——截图显示的是扁平、高对比度的表面。
  • 避免: 避免使用过度装饰的字体或过多的色彩方案。
  • 避免: 避免密集的段落;使用充裕的间距和清晰的层次结构。
  • 避免: 避免使用分散核心内容注意力的复杂动画。

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

一个高对比度、排版驱动的设计师资源中心。关键特性包括纯黑背景(#000000)、纯白文字(#FFFFFF)和单一鲜明的红色点缀(#FF1841)。设计严重依赖怪诞无衬线字体,具有巨大的展示尺寸(最大300px)和极紧的字间距(-12px)。关键约束:全程保持严格的400字重,避免使用多种点缀色,并保留充裕的留白以突出大胆的排版元素。确保组件保持极简,仅使用单一红色点缀作为主要操作和状态指示器。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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