---
name: Solana
description: "The design effectively blends the high-stakes world of finance with the cutting-edge aesthetic of modern developer tools."
version: alpha

colors:
  background: "#0B0A10"
  primary: "#FFFFFF"
  secondary: "rgba(255,255,255,0.70)"
  tertiary: "#D06BF8"
  neutral: "#848895"
  bg-soft: "#121212"
  muted-soft: "rgba(255,255,255,0.55)"
  line: "rgba(255,255,255,0.10)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2.5px"
  heading:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-1px"
  body:
    fontFamily: geometric-sans
    fontSize: 21px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"
  small:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"

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

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

---

## Overview

A premium dark-mode crypto platform with bold geometric typography and vibrant purple accents.

*A high-frequency trading terminal meets sci-fi infrastructure*

## Colors

Deep, absolute dark backgrounds with vibrant purple highlights and crisp white typography for maximum readability and futuristic feel.

- **Background (`#0B0A10`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`rgba(255,255,255,0.70)`)** — uses `ink-soft` token
- **Accent (`#D06BF8`)** — uses `accent` token
- **Muted (`#848895`)** — uses `muted` token
- **Borders (`rgba(255,255,255,0.10)`)** — uses `line` token

## Typography

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

- Use geometric-sans for all headings and body text to maintain a cohesive, technical feel.
- Apply tight negative letter-spacing to large display text for impact.
- Ensure monospace is strictly reserved for code snippets or technical data representations.

## Layout

Full-width dark hero with a 12-column grid for content and partner showcases.

*Rhythm:* 4px base unit with generous whitespace to allow the dark UI to breathe.

## Elevation & Depth

- 0 1px 2px rgba(0,0,0,0.05)
- rgb(54, 27, 64) 0px -4px 12px 0px inset
- rgb(195, 124, 224) 0px 1px 0px 0px inset
- Borders: 1px solid rgba(255,255,255,0.10)

## Shapes

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

## Components

- **button:** Pill-shaped primary buttons with dark text on white backgrounds; secondary buttons with dark borders.
- **card:** Dark cards with subtle borders and generous padding, often featuring partner logos.
- **chip:** Small, pill-shaped tags for metadata or status indicators.
- **input:** Dark input fields with subtle borders and placeholder text.
- **hero:** Full-viewport hero section with massive typography and an abstract, vibrant 3D ribbon graphic.

## Do's and Don'ts

**Don't:**
- don't use bright, saturated backgrounds — screenshot shows a deep dark (#0B0A10) theme.
- don't use decorative or serif fonts — screenshot shows a clean geometric-sans typeface.
- don't use rounded squares for primary buttons — screenshot shows pill-shaped (9999px radius) buttons.
- don't use complex drop shadows on UI elements — screenshot shows subtle inset glows or flat borders.
- don't use small, cramped typography — screenshot shows large, airy display text with negative letter-spacing.
- don't use a wide variety of colors — screenshot shows a strictly limited palette of dark, white, and purple.

---

## System Prompt (paste into AI agent)

```
Solana's design DNA is a premium, dark-mode developer and fintech platform. It uses a deep, near-black background (#0B0A10) contrasted with crisp white typography and vibrant purple (#D06BF8) accents. The layout is spacious, following a 12-column grid. Typography is centered around clean geometric-sans fonts (Diatype, DSemi) with large, tightly-spaced display headings. Critical design rules: never use bright backgrounds, avoid serif fonts, and maintain the high-contrast dark aesthetic with generous whitespace. Components like buttons and cards utilize pill shapes and subtle inset shadows to create depth without clutter.
```