01
设计气质 DNA
社交话题对话极简元
一个清爽、精简的社交信息流，优先呈现文本对话，而非视觉噪音。
02
色彩
#000000Ink#424242Ink soft#fafafaBG#efefefBG soft#999999Mutedrgba(0,0,0,0.15)Line单色系调色板，用柔和的灰色营造层次感，黑色用于主要元素，白色用于卡片和模态窗口。
03
字体
- display
32px · 700 - body
15px · 400 - caption
13px · 400
使用系统字体栈以确保跨平台渲染一致性 · 保持紧凑的行高以呈现紧凑的文本块 · 用户名和强调文本使用字重 600
04
间距
4px8px12px16px24px32px48px64px基于 4px 的网格，配合一致的 padding 倍数
05
表面 (圆角 / 阴影 / 边线)
sm · 8px
md · 18px
lg · 18px
pill · 999px
1px solid rgba(0,0,0,0.15)
0px 0px 12px rgba(0,0,0,0.04)
06
布局
1280container
3columns
24pxgutter
768 / 1024breakpoints
三栏布局：左侧导航栏、中央信息流、右侧边栏
07
动效与交互
150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
模态窗口出现时的快速淡入过渡 · 交互元素的平滑颜色过渡
细微的不透明度或颜色变化 · 带有微交互的即时响应
08
组件
- button 药丸形按钮，黑色背景配白色文字；或带圆角的幽灵按钮
- card 白色卡片，18px 圆角，用于模态窗口和登录提示的柔和阴影
- chip 用于用户名和标签的药丸形徽章
- input 带细微边框的极简输入框
- hero 模态窗口叠加层中的大号加粗居中文字，附带描述性副文本
09
文案语气与禁用清单
- 语气 友好、有亲和力的对话风格
- 标题风格 直接且具有行动导向，使用加粗字重
- 按钮文案 对比强烈的清晰行动号召
- 不要使用鲜艳的强调色——截图显示仅使用黑、白、灰的单色系调色板
- 不要使用装饰性字体——截图显示全局使用系统字体栈
- 不要使用厚重的阴影——截图显示阴影非常细微或没有
- 不要使用复杂的渐变——截图显示为纯色填充
- 不要在主要元素上使用尖锐的圆角——截图显示卡片为 18px 圆角，按钮为 999px 圆角
- 不要使用过小的触摸目标——截图显示交互元素有充足的 padding
- 避免: 企业术语
- 避免: 密集段落
- 避免: 装饰性语言
10
包内真实截图
11
System Prompt
这是 Threads，一个专注于文本对话的极简社交平台。设计采用 #fafafa 背景、#000000 墨色和 #999999 柔和色调的单色系调色板。排版依赖于系统字体栈，标题使用加粗字重，正文使用常规字重。布局采用三栏结构，间距宽松。关键设计规则：避免任何鲜艳的强调色，仅使用圆角（卡片 18px，按钮 999px），保持阴影细微，文本简洁友好，仅使用系统字体，并确保触摸目标足够大以适应移动交互。界面优先考虑内容可读性和清晰的视觉层次。