---
name: Cash
description: "This site is an excellent example of a modern fintech brand using a dark, high-contrast aesthetic to convey both luxury and accessibility."
version: alpha

colors:
  background: "#000000"
  primary: "#000000"
  tertiary: "#00E013"
  neutral: "#999999"
  bg-soft: "#FFFFFF"
  bg-quiet: "#F5F5F5"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"

rounded:
  sm: 4px
  md: 20px
  lg: 48px
  pill: 999px

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

---

## Overview

The bold, high-contrast face of a modern consumer finance app.

*A sleek, confident fintech platform that blends dark luxury with vibrant, accessible green energy.*

## Colors

Extreme high-contrast between deep blacks and vibrant neon green, with clean white for card surfaces.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#00E013`)** — uses `accent` token
- **Muted (`#999999`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

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

## Layout

A symmetrical split-screen hero with centered content, transitioning to a stacked mobile layout.

*Rhythm:* Consistent 4px base with generous vertical padding (90px) for section separation.

## Elevation & Depth

- rgba(0,0,0,0.1) 0px 8px 20px 0px
- rgba(0,0,0,0.1) 0px 24px 48px 0px
- Borders: 1px solid rgba(0,0,0,0.3)

## Shapes

- `sm`: 4px
- `md`: 20px
- `lg`: 48px
- `pill`: 999px

## Components

- **button:** Rounded pill shapes, predominantly neon green with black text or black with white text.
- **card:** Large, rounded white cards floating over dark backgrounds to showcase app UI.
- **chip:** Simple rectangular tags or status indicators.
- **input:** Minimal, borderless or subtly bordered fields focusing on clarity.
- **hero:** A split-screen layout combining bold, left-aligned text with a dynamic, centered app mockup.

## Do's and Don'ts

**Don't:**
- Don't use muted, pastel color palettes — screenshot shows high-contrast black and vibrant neon green.
- Don't use complex serif typefaces — screenshot shows a clean, modern humanist-sans font.
- Don't clutter the layout with dense text — screenshot shows generous whitespace and a clear hierarchy.
- Don't use subtle, low-contrast borders — screenshot shows bold, clear surfaces and rounded corners.
- Don't use traditional, boxy button shapes — screenshot shows highly rounded, pill-shaped CTAs.
- Don't use dark grey instead of pure black — screenshot uses a solid, deep #000000 background.

---

## System Prompt (paste into AI agent)

```
This is a high-contrast fintech app landing page using a dark mode aesthetic. The palette is anchored by deep black (#000000) and vibrant neon green (#00E013), with clean white for app UI surfaces. Typography relies on a modern, clean humanist-sans category. Critical constraints: maintain the bold high-contrast aesthetic, use pill-shaped buttons for primary actions, and ensure the layout remains spacious and uncluttered with generous whitespace. Avoid any use of serif fonts, muted pastels, or boxy UI elements that would conflict with the sleek, modern identity.
```