---
name: Ledger
description: "A prime example of high-impact, minimalist dark mode design for premium financial technology, effectively balancing stark typography with a single, high-energy accent color to build trust and drive co"
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  tertiary: "#FF5E00"
  neutral: "#949494"
  line: "rgba(255,255,255,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 56px
    lineHeight: 1.05
    fontWeight: 500
    letterSpacing: "-1.5px"
  heading:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: humanist-sans
    fontSize: 13px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  label:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.2
    fontWeight: 600
    letterSpacing: "1.5px"

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

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

---

## Overview

Premium hardware and software wallet ecosystem for secure crypto asset management.

*A digital vault for the decentralized age*

## Colors

High-contrast monochrome with a singular energetic accent for critical actions.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Accent (`#FF5E00`)** — uses `accent` token
- **Muted (`#949494`)** — uses `muted` token
- **Borders (`rgba(255,255,255,0.1)`)** — uses `line` token

## Typography

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

- Use geometric-sans for impactful, modern headings
- Use humanist-sans for highly legible body copy
- Apply tight negative letter-spacing to large display text for a bold, premium feel

## Layout

Asymmetric split hero layout with a wide container and narrow content column for readability.

*Rhythm:* Consistent 4px base grid providing tight, controlled vertical rhythm.

## Elevation & Depth

- rgba(255,255,255,0.1) 0px -2px 1px 0px inset
- rgba(0,0,0,0.25) 0px 2.4px 2.4px 0px
- Borders: Thin 1px solid borders using subtle white or grey with low opacity.

## Shapes

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

## Components

- **button:** Pill-shaped primary buttons with high-contrast orange background; secondary buttons are text-based with arrows.
- **card:** Testimonial cards feature thin 1px borders and generous internal padding on the dark background.
- **chip:** Small uppercase category labels enclosed in simple bordered containers.
- **input:** Minimal, dark-themed inputs designed to blend into the background.
- **hero:** A full-width section dominated by a large product visual on a gradient background paired with a bold left-aligned typographic block.

## Do's and Don'ts

**Don't:**
- Don't use rounded, playful shapes — screenshot shows sharp, precise pill buttons and geometric icons instead.
- Don't use a light or white background — screenshot shows a dominant, deep black background throughout.
- Don't use thin, weak typography — screenshot shows bold, tightly tracked geometric sans-serif headlines.
- Don't use a wide variety of accent colors — screenshot shows a strict monochrome palette with a single orange accent.
- Don't use soft, blurry drop shadows — screenshot shows minimal, crisp inset box-shadows and thin 1px borders.
- Don't use small, cramped containers — screenshot shows generous whitespace and a wide, expansive layout.

---

## System Prompt (paste into AI agent)

```
This design represents a premium, secure fintech product, specifically a crypto hardware wallet ecosystem. It utilizes a stark, high-contrast monochrome palette (black #000000 and white #FFFFFF) with a single, high-chroma orange (#FF5E00) for primary calls-to-action, paired with subtle grey (#949494) for secondary text. Typography features a bold geometric sans-serif for display text and a humanist sans-serif for body copy, both rendered with tight, modern tracking. Critical design constraints include: Do not introduce multiple competing accent colors, maintain the strict dark mode aesthetic, avoid thin or weak typography, use minimal and crisp borders instead of soft shadows, avoid overly rounded or playful geometry, and ensure generous whitespace for a premium, uncluttered feel.
```