OpenDesign·你的设计资产库

网页参考

Circle

一个用于构建和管理创作者社区的高端平台。

CommunitySaaS

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

01

设计气质 DNA

社区平台数字业务日蚀

一个面向创作者的现代数字广场

02

色彩

#4a40e8Accent
#ffffffInk
#b8b9c8Ink soft
#0d1025BG
rgba(255, 255, 255, 0.1)Line

深邃饱和的暗色背景,搭配充满活力的宇宙渐变高光与清晰的白色排版。

03

字体

geometric-sans

  • display64px · 600
  • display-sm40px · 600
  • body18px · 400

标题采用大号、粗体,并收紧字距以增强视觉冲击力。 · 正文清晰易读,采用中等字号。 · 文字采用白色或浅灰色,与暗色背景形成高对比度。

04

间距

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

充裕的纵向间距,让内容得以呼吸。

05

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

sm · 4px
md · 8px
lg · 16px
pill · 999px

1px solid rgba(255, 255, 255, 0.1)

0 4px 24px rgba(0, 0, 0, 0.3)

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

居中的单列布局,确保信息传达的专注性。

07

动效与交互

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

随滚动,内容版块呈现细微的淡入动画。

按钮在悬停时可能具有细微的透明度变化或色彩偏移。 · 链接与按钮采用标准点击行为。

08

组件

  • button 主按钮为实心、充满活力的紫蓝色(#4a40e8),白色文字,胶囊形。次按钮为描边胶囊形。
  • card 在主视觉区不可见,但用于内容版块。
  • chip “介绍...”横幅是一个带边框的胶囊形标签。
  • input 邮箱输入框为白色胶囊形,深色文字,与行动号召按钮整合。
  • hero 全宽、沉浸式的主视觉区,拥有宇宙渐变背景、大号排版以及醒目的邮箱捕捉表单。

09

文案语气与禁用清单

  • 语气 自信、专业且富有远见。
  • 标题风格 大胆、鼓舞人心的关于商业与社区未来的宣言。
  • 按钮文案 直接、以行动为导向,聚焦于免费开始或了解更多信息。
  • 请勿使用浅色或白色背景——截图展示的是一个深邃、沉浸式的主视觉区。
  • 请勿使用圆角衬线字体——排版风格清晰、几何化且为无衬线体。
  • 请勿使用杂乱的布局——设计采用充裕的留白和居中聚焦。
  • 请勿使用柔和、大地色系——色彩搭配依赖于深蓝/紫色与充满活力的点缀色。
  • 请勿将细线描边按钮用作主要操作——主要行动号召是实心、填充的胶囊形按钮。
  • 请勿使用小而拥挤的排版——标题采用大号、粗体且字距收紧。
  • 避免: 行话过多或过于技术化的语言
  • 避免: 不确定性或模棱两可的表述
  • 避免: 俏皮或非正式的俚语

11

System Prompt

一个用于社区和数字业务构建的高端SaaS平台,定位为一站式家园。关键色彩是深海军蓝(#0d1025)背景,搭配充满活力的宇宙渐变(紫色、粉色)与白色文字。字体类别为几何无衬线体,营造现代、干净的感觉。关键禁忌:避免浅色背景、避免衬线排版、避免杂乱布局。设计需宽敞、聚焦,并使用大胆、鼓舞人心的标题。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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