精选 · 开放 · 免费

Threads

一个专注于文本对话的极简社交平台，拥有干净的单色界面。

01

设计气质 DNA

一个清爽、精简的社交信息流，优先呈现文本对话，而非视觉噪音。

02

色彩

单色系调色板，用柔和的灰色营造层次感，黑色用于主要元素，白色用于卡片和模态窗口。

03

字体

system-ui

• display32px · 700
• body15px · 400
• caption13px · 400

使用系统字体栈以确保跨平台渲染一致性 · 保持紧凑的行高以呈现紧凑的文本块 · 用户名和强调文本使用字重 600

04

间距

基于 4px 的网格，配合一致的 padding 倍数

05

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

1px solid rgba(0,0,0,0.15)

0px 0px 12px rgba(0,0,0,0.04)

06

布局

三栏布局：左侧导航栏、中央信息流、右侧边栏

07

动效与交互

模态窗口出现时的快速淡入过渡 · 交互元素的平滑颜色过渡

细微的不透明度或颜色变化 · 带有微交互的即时响应

08

组件

• button 药丸形按钮，黑色背景配白色文字；或带圆角的幽灵按钮
• card 白色卡片，18px 圆角，用于模态窗口和登录提示的柔和阴影
• chip 用于用户名和标签的药丸形徽章
• input 带细微边框的极简输入框
• hero 模态窗口叠加层中的大号加粗居中文字，附带描述性副文本

09

文案语气与禁用清单

• 语气 友好、有亲和力的对话风格
• 标题风格 直接且具有行动导向，使用加粗字重
• 按钮文案 对比强烈的清晰行动号召

• 不要使用鲜艳的强调色——截图显示仅使用黑、白、灰的单色系调色板
• 不要使用装饰性字体——截图显示全局使用系统字体栈
• 不要使用厚重的阴影——截图显示阴影非常细微或没有
• 不要使用复杂的渐变——截图显示为纯色填充
• 不要在主要元素上使用尖锐的圆角——截图显示卡片为 18px 圆角，按钮为 999px 圆角
• 不要使用过小的触摸目标——截图显示交互元素有充足的 padding
• 避免: 企业术语
• 避免: 密集段落
• 避免: 装饰性语言

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko