精选 · 开放 · 免费
Warpcast
一个专注于所有权与构建、界面宁静且采用深色模式优先的去中心化社交网络。
cryptosocial
01
设计气质 DNA
去中心化社交身份构建社区
通往去中心化社交宇宙的深邃、宁静之门
02
色彩
#7959FFAccent
#FFFFFFInk
rgba(255,255,255,0.8)Ink soft
#121212BG
rgba(255,255,255,0.5)Muted
rgba(255,255,255,0.1)Line
深邃的深色背景，搭配高对比度的白色文字，以及用于主要操作的鲜明紫色强调色。
03
字体
humanist-sans
- display
42px · 400 - body
16px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于4px网格的统一间距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 300px
1px solid rgba(255,255,255,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
分屏主视觉，左侧为手机界面展示，右侧为内容区域
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
所有交互元素均带有过渡效果
主要按钮在悬停时有细微的颜色变化 · 即时响应
08
组件
- button 胶囊形，主要按钮为高填充样式，次要按钮为低调样式
- hero 分屏布局，包含应用界面展示和醒目的标题
09
文案语气与禁用清单
- 语气 直接、赋能且平静
- 标题风格 简短、有力、用句号分隔的短语
- 按钮文案 清晰且以行动为导向
- 不要使用浅色背景——截图展示的是深色模式界面
- 不要在主要按钮上使用尖锐的角——截图展示的是胶囊形按钮
- 不要使用低对比度的文字——截图展示的是深色背景上的高对比度白色文字
- 不要在界面元素上使用复杂的渐变——截图展示的是扁平或非常微妙的渐变
- 不要使用杂乱的布局——截图展示的是干净、宽敞的分屏主视觉设计
- 不要将红色或橙色用作主要强调色——截图展示的是紫色作为唯一的主要强调色
- 避免: 感叹号
- 避免: 激进的语言
- 避免: 术语
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Farcaster (Warpcast) 是一个定位为平静、深色模式优先的去中心化社交网络平台，专注于构建和社区。关键颜色包括深炭灰色背景（#121212）、白色主文本（#FFFFFF）和用于注册等主要操作的鲜明紫色强调色（#7959FF）。字体使用干净的人文无衬线字体（Inter/SeasonMix），以营造现代、易读的感觉。关键禁忌包括：绝不能使用浅色或白色背景，因为核心界面是深色的；避免在主要按钮上使用尖锐的角，它们应是明显的胶囊形；绝不能使用低对比度的文字，这将违反高可访问性的深色主题。布局宽敞且专注，常采用带有应用界面展示的分屏主视觉。文案风格直接且赋能。
en · zh-CN · zh-TW · ja · ko