---
name: "Farcaster"
description: "这是一个现代、聚焦的 SaaS 落地页典范，适用于去中心化协议。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#361AAC"
  primary: "#FFFFFF"
  secondary: "rgba(255, 255, 255, 0.8)"
  tertiary: "#7959FF"
  neutral: "rgba(255, 255, 255, 0.5)"
  line: "rgba(255, 255, 255, 0.25)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 28px
    lineHeight: 1.2
    fontWeight: 600
    letterSpacing: "-0.5px"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 300px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

构建。分享。成长。

*为构建者打造的去中心化社交协议。*

## Colors

采用深靛蓝背景搭配白色文字，实现高对比度。

- **Background (`#361AAC`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`rgba(255, 255, 255, 0.8)`)** — uses `ink-soft` token
- **Accent (`#7959FF`)** — uses `accent` token
- **Muted (`rgba(255, 255, 255, 0.5)`)** — uses `muted` token
- **Borders (`rgba(255, 255, 255, 0.25)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

## Layout

标准网页布局，移动端优先。

*Rhythm:* 采用标准的 4px 基础网格。

## Elevation & Depth

- Borders: 无边框，依靠背景对比进行区分。

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 300px

## Components

- **button:** 圆角药丸形状，包含主要和次要样式。
- **card:** 移动应用预览采用深色玻璃效果。
- **chip:** 无可见元素。
- **input:** 无可见元素。
- **hero:** 分屏布局，包含手机模型和行动号召区域。

## Do's and Don'ts

**Don't:**
- 不要使用细字体权重——截图显示为粗体/中等权重。
- 不要在主要按钮上使用尖锐边角——截图显示为药丸形状。
- 不要使用浅色背景——截图显示为深靛蓝色。
- 不要使用复杂渐变——截图显示为纯色或非常微妙的渐变。
- 不要使用装饰性字体——截图显示为简洁的无衬线字体。
- 不要让布局显得杂乱——截图显示清晰、聚焦的主视觉区域。

---

## System Prompt (paste into AI agent)

```
一个面向开发者和创作者的去中心化社交协议。采用深靛蓝色背景（#361AAC），搭配白色文字和醒目的紫色强调色（#7959FF）。使用简洁的人文主义无衬线字体（Inter），并通过粗体权重实现强调。按钮为全圆角（药丸形状）。布局简洁聚焦，避免杂乱。关键禁忌：不要使用尖锐的按钮边角，不要使用浅色背景，不要使用细字体权重。
```