01
设计气质 DNA
社区平台数字业务日蚀
一个面向创作者的现代数字广场
02
色彩
#4a40e8Accent#ffffffInk#b8b9c8Ink soft#0d1025BGrgba(255, 255, 255, 0.1)Line深邃饱和的暗色背景,搭配充满活力的宇宙渐变高光与清晰的白色排版。
03
字体
- display
64px · 600 - display-sm
40px · 600 - body
18px · 400
标题采用大号、粗体,并收紧字距以增强视觉冲击力。 · 正文清晰易读,采用中等字号。 · 文字采用白色或浅灰色,与暗色背景形成高对比度。
04
间距
4px8px16px24px32px48px64px96px128px充裕的纵向间距,让内容得以呼吸。
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)背景,搭配充满活力的宇宙渐变(紫色、粉色)与白色文字。字体类别为几何无衬线体,营造现代、干净的感觉。关键禁忌:避免浅色背景、避免衬线排版、避免杂乱布局。设计需宽敞、聚焦,并使用大胆、鼓舞人心的标题。