---
name: Farcaster
description: "A strong example of a modern, focused SaaS landing page for a decentralized protocol."
version: alpha

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

Build. Share. Grow.

*A decentralized social protocol for builders.*

## Colors

Deep indigo background with white text for high contrast.

- **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

Standard web layout, mobile-first.

*Rhythm:* Standard 4px base grid.

## Elevation & Depth

- Borders: None, relies on background contrast.

## Shapes

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

## Components

- **button:** Rounded pill shape, primary and secondary styles.
- **card:** Dark glass effect on mobile app preview.
- **chip:** None visible.
- **input:** None visible.
- **hero:** Split layout with phone mockup and call to action.

## Do's and Don'ts

**Don't:**
- Don't use thin weights — screenshot shows bold/medium weights.
- Don't use sharp corners on primary buttons — screenshot shows pill shapes.
- Don't use light backgrounds — screenshot shows deep indigo.
- Don't use complex gradients — screenshot shows a solid or very subtle gradient.
- Don't use decorative fonts — screenshot shows clean sans-serifs.
- Don't clutter the layout — screenshot shows a clear, focused hero section.

---

## System Prompt (paste into AI agent)

```
A decentralized social protocol for developers and creators. Deep indigo background (#361AAC) with white text and a vibrant purple accent (#7959FF). Uses clean humanist sans-serif typography (Inter) with bold weights for emphasis. Buttons are fully rounded (pill shape). The layout is clean and focused, avoiding clutter. Critical don'ts: Don't use sharp corners on buttons, don't use light backgrounds, don't use thin font weights.
```