---
name: Base
description: "This site is a prime example of 'institutional minimalism' in the fintech space, using strict restraint and high-contrast typography to convey reliability."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#171717"
  secondary: "#000000"
  tertiary: "#0052FF"
  neutral: "#9A9A9A"
  bg-soft: "#F8F8F8"
  line: "rgba(229,231,235,1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 54px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1.34px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"

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

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

---

## Overview

A minimalist, high-trust fintech platform for building on the blockchain.

*The AWS of blockchain — foundational, enterprise-grade, and ubiquitous.*

## Colors

High-contrast minimalism: deep black text on stark white with a single, high-chroma blue for primary actions.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#171717`)** — uses `ink` token
- **Secondary text (`#000000`)** — uses `ink-soft` token
- **Accent (`#0052FF`)** — uses `accent` token
- **Muted (`#9A9A9A`)** — uses `muted` token
- **Borders (`rgba(229,231,235,1)`)** — uses `line` token

## Typography

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

- Use baseSans for UI and hero text
- Use Geist Mono for monospaced elements and data
- Maintain tight letter-spacing on large display headings

## Layout

Centered content container with clear hierarchical spacing

*Rhythm:* Standard 4px grid with generous vertical padding for large sections.

## Elevation & Depth

- rgba(0, 0, 0, 0.2) 0px 0px 18px 0px
- Borders: 1px solid rgb(229, 231, 235) for cards and inputs

## Shapes

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

## Components

- **button:** High-contrast pill-shaped primary buttons with white text on blue, or bordered secondary variants
- **card:** Clean white cards with subtle borders and clear visual separation
- **chip:** Simple pill-shaped tags with neutral backgrounds
- **input:** Clean bordered text inputs with clear padding
- **hero:** Large centered headline with subtext and dual action buttons

## Do's and Don'ts

**Don't:**
- don't use dark mode — screenshot shows a bright, white-background hero section
- don't use decorative serifs — screenshot shows a clean, geometric sans-serif for headlines
- don't use multi-color gradients — screenshot shows a single high-chroma blue for primary actions
- don't use heavy drop shadows — screenshot shows minimal or no visible shadows on main components
- don't use chaotic layouts — screenshot shows a strictly centered, grid-based hierarchical layout
- don't use small, cramped spacing — screenshot shows generous white space around core content

---

## System Prompt (paste into AI agent)

```
Design a high-trust, institutional fintech platform. Use a stark white background with deep black text for maximum readability. The primary brand color is a vibrant, high-chroma blue used exclusively for interactive elements like buttons and links. Typography should be clean and geometric, using a sans-serif for headlines and body text, with tight letter-spacing for large display sizes to maintain a modern, technical feel. Avoid any dark mode, playful aesthetics, or multi-color gradients. Layouts must be centered, spacious, and strictly grid-aligned to convey stability and reliability. Components like buttons should be pill-shaped with high contrast. Critical donts: do not use dark backgrounds; do not use decorative serif fonts; do not use more than one primary accent color.
```