---
name: Lemon Squeezy
description: "This site is a prime example of modern fintech SaaS branding that balances professionalism with approachable, playful design elements through bold color and clean typography."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#121217"
  secondary: "#6C6C89"
  tertiary: "#5423E7"
  neutral: "#6C6C89"
  bg-soft: "#F7F7F8"
  line: "rgba(18,18,23,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 72px
    lineHeight: 1.05
    fontWeight: 500
    letterSpacing: "-1.5px"
  heading:
    fontFamily: humanist-sans
    fontSize: 38px
    lineHeight: 1.2
    fontWeight: 500
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 20px
  pill: 40px

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

---

## Overview

Payments, tax & subscriptions for software companies.

*A friendly, purple-hued fintech dashboard that handles the boring stuff so you can focus on building.*

## Colors

High-contrast primary purple (#5423E7) paired with deep ink (#121217) and warm yellow (#FFC83C) for playful, confident fintech branding.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#121217`)** — uses `ink` token
- **Secondary text (`#6C6C89`)** — uses `ink-soft` token
- **Accent (`#5423E7`)** — uses `accent` token
- **Muted (`#6C6C89`)** — uses `muted` token
- **Borders (`rgba(18,18,23,0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans
- **Mono:** monospace

- Use tight letter-spacing (-1.5px) on large display text for impact.
- Maintain a strict 400/500 weight hierarchy for regular and emphasis text.
- Body text should use a readable humanist sans-serif for maximum legibility.

## Layout

Full-width hero with asymmetric split (text left, device mockup right); 3-column feature grid below.

*Rhythm:* Consistent 4px base grid with generous padding (40px) for section isolation.

## Elevation & Depth

- 0px 4px 24px rgba(0,0,0,0.06)
- 0px 8px 48px rgba(0,0,0,0.08)
- Borders: 1px solid rgba(18,18,23,0.1) for inputs; mostly borderless cards.

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 20px
- `pill`: 40px

## Components

- **button:** Pill-shaped (border-radius 40px) primary buttons with dark text on white, or white text on purple accent. High contrast, generous padding.
- **card:** Minimalist cards with subtle shadows (0px 4px 24px) and 8-20px radius, often containing screenshots or feature lists.
- **chip:** Small uppercase labels (e.g., 'M / 1') in muted blue (#0075AD) acting as section markers.
- **input:** Standard rectangular inputs with 8px radius, light gray borders, and clear placeholder text.
- **hero:** Full-bleed purple (#5423E7) background with massive display typography and a floating, angled device mockup.

## Do's and Don'ts

**Don't:**
- Don't use dark mode — screenshot shows a predominantly bright white and vibrant purple palette.
- Don't use heavy serif fonts — screenshot shows a clean, modern sans-serif for all display and body text.
- Don't use complex gradients — screenshot shows solid color blocks for backgrounds.
- Don't use sharp rectangular buttons — screenshot shows fully rounded pill-shaped buttons (border-radius 40px).
- Don't use muted, low-contrast colors for primary actions — screenshot shows high-contrast white-on-purple or dark-on-white buttons.
- Don't use small, cramped layouts — screenshot shows generous padding (40px) and wide spacing between elements.

---

## System Prompt (paste into AI agent)

```
Lemon Squeezy is a merchant of record for software companies, positioning itself as a friendly, all-in-one solution for payments, tax, and subscriptions. The visual system centers on a bold, high-chroma purple (#5423E7) primary accent, complemented by a deep ink (#121217) and playful warm yellow (#FFC83C). Typography relies on a clean geometric and humanist sans-serif hierarchy (likely Inter and Circular Pro). Critical design rules include: 1) Never use dark mode, as the brand identity is built on bright, vibrant surfaces. 2) Always use fully rounded pill-shaped buttons for primary actions. 3) Maintain generous whitespace and large, tight letter-spaced headlines to project confidence and modernity.
```