---
name: Kraken
description: "Worth including as a benchmark for 'Clean Fintech' design, showing how to balance professional tooling with accessible, premium aesthetics."
version: alpha

colors:
  background: "#F5F5F5"
  primary: "#101114"
  secondary: "#686B82"
  tertiary: "#7132F5"
  neutral: "#9497A9"
  bg-soft: "#E8E8ED"
  bg-quiet: "#F6F5F9"
  line: "rgba(16,17,20,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.5px"
  heading:
    fontFamily: humanist-sans
    fontSize: 36px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"
  label:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"
  mono:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 8px
  md: 12px
  lg: 20px
  pill: 9999px

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

---

## Overview

A premier cryptocurrency exchange platform offering secure, high-performance trading for individuals and institutions.

*A high-end financial terminal for the digital age, balancing professional tooling with accessible retail entry.*

## Colors

High-contrast dark text on light backgrounds for readability, anchored by a vibrant purple primary accent for conversion elements.

- **Background (`#F5F5F5`)** — uses `bg` token
- **Primary text (`#101114`)** — uses `ink` token
- **Secondary text (`#686B82`)** — uses `ink-soft` token
- **Accent (`#7132F5`)** — uses `accent` token
- **Muted (`#9497A9`)** — uses `muted` token
- **Borders (`rgba(16,17,20,0.1)`)** — uses `line` token

## Typography

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

- Display font is a geometric sans-serif used for high-impact headings.
- Body font is a clean humanist sans-serif optimized for long-form reading.
- Monospace font is used strictly for data, code, and terminal elements.

## Layout

Centered single-column hero flowing into a 12-column grid for feature cards and stats.

*Rhythm:* Consistent 4px base scale with generous padding (16px, 24px, 54px) creating a balanced, airy layout.

## Elevation & Depth

- 0 4px 60px rgba(0,0,0,0)
- 0 1px 4px rgba(16,24,40,0.04)
- 0 1px 2px rgba(16,24,40,0.04)
- Borders: 1px solid rgba(16,17,20,0.1)

## Shapes

- `sm`: 8px
- `md`: 12px
- `lg`: 20px
- `pill`: 9999px

## Components

- **button:** Rounded pill-shaped buttons with high-contrast fill (purple) or transparent with text for secondary actions.
- **card:** Rounded rectangular containers (12px radius) with subtle background fills or dark gradients for premium features.
- **chip:** Small, rounded labels or status indicators, typically monospace or small sans-serif.
- **input:** Clean rectangular fields with a 1px border, rounded corners (8px), and clear placeholder text.
- **hero:** Massive typography centered over a clean background, followed by a prominent email capture form.

## Do's and Don'ts

**Don't:**
- Don't use a heavy drop shadow on cards — screenshot shows flat or very subtle layered backgrounds instead.
- Don't use sharp, square corners — screenshot shows consistent rounding (8px to 20px) on all containers and buttons.
- Don't use a chaotic, multi-color palette — screenshot shows a disciplined purple-accent scheme with neutral grays.
- Don't use a cluttered layout with too many competing elements — screenshot maintains generous whitespace and clear sectioning.
- Don't use decorative, script, or serif fonts for UI elements — screenshot uses clean, functional sans-serif and monospace families.
- Don't use low-contrast text — screenshot maintains high legibility with dark ink on light or dark backgrounds.

---

## System Prompt (paste into AI agent)

```
Kraken is a premium cryptocurrency exchange platform. The design language is clean, professional, and empowering, utilizing a high-contrast palette of dark ink (#101114) on light backgrounds (#F5F5F5) with a vibrant purple accent (#7132F5) for primary actions. Typography relies on geometric and humanist sans-serifs for a modern, trustworthy feel, complemented by monospace for data-heavy interfaces. Critical constraints include maintaining generous whitespace, avoiding overly decorative elements, and ensuring all interactive components have clear, pill-shaped affordances. Do not use neon-heavy colors, sharp corners, or dense, unformatted text blocks. The system should feel like a secure, high-performance financial terminal accessible to both retail and professional traders.
```