---
name: Optimism
description: "This site exemplifies premium fintech design with its confident typography, restrained color palette, and enterprise-focused messaging that builds trust through visual sophistication."
version: alpha

colors:
  background: "#111111"
  primary: "#111111"
  secondary: "#7B7B7B"
  neutral: "#7B7B7B"
  bg-soft: "#F4F4F0"
  bg-quiet: "#FAFAF9"
  muted-soft: "rgba(17,17,17,0.5)"
  line: "rgba(17,17,17,0.5)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 65px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.65px"
  heading:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.4px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 6px
  md: 8px
  lg: 12px
  pill: 999999px

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

---

## Overview

Enterprise-grade blockchain infrastructure with a developer-focused, premium aesthetic.

*A high-end enterprise infrastructure provider for blockchain technology*

## Colors

High-contrast monochrome palette with warm off-white backgrounds for maximum readability and professional tone.

- **Background (`#111111`)** — uses `bg` token
- **Primary text (`#111111`)** — uses `ink` token
- **Secondary text (`#7B7B7B`)** — uses `ink-soft` token
- **Muted (`#7B7B7B`)** — uses `muted` token
- **Borders (`rgba(17,17,17,0.5)`)** — uses `line` token

## Typography

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

## Layout

Centered single-column hero with multi-column card grids below

*Rhythm:* Generous whitespace with 4px grid, creating a premium, uncluttered feel.

## Elevation & Depth

- Borders: 1px solid rgba(17,17,17,0.5) used for subtle separation

## Shapes

- `sm`: 6px
- `md`: 8px
- `lg`: 12px
- `pill`: 999999px

## Components

- **button:** Pill-shaped buttons with dark backgrounds or outlined borders, high contrast text
- **card:** Clean rectangular cards with minimal borders, used for testimonials and statistics
- **chip:** Rounded pill tags with icons for category labels like 'Fintechs', 'Exchanges'
- **input:** Clean, minimal input fields with subtle borders
- **hero:** Full-width centered hero with large typography and prominent call-to-action buttons

## Do's and Don'ts

**Don't:**
- don't use vibrant accent colors — screenshot shows monochrome palette with no dominant chromatic accent
- don't use decorative fonts — screenshot uses clean humanist sans-serif for all text
- don't overcrowd the layout — screenshot shows generous whitespace and minimal elements per viewport
- don't use complex gradients — screenshot shows solid colors and minimal background treatments
- don't use small, cramped typography — screenshot displays large, confident headlines with generous sizing
- don't use rounded, playful UI elements — screenshot shows mostly rectangular or subtly rounded components

---

## System Prompt (paste into AI agent)

```
This is a premium blockchain infrastructure website targeting enterprise and developer audiences. Positioning emphasizes reliability, performance, and revenue generation through blockchain technology. Key hex colors are #111111 for backgrounds/ink, #F4F4F0 for soft backgrounds, and #7B7B7B for muted text. Typography uses humanist-sans-serif categories with generous sizing (65px headlines) and tight letter-spacing (-0.65px). Critical donts: 1) Don't use vibrant accent colors as the palette is strictly monochrome, 2) Don't overcrowd layouts—maintain generous whitespace for premium feel, 3) Don't use decorative or script fonts—keep typography clean and professional. The design prioritizes clarity, authority, and trustworthiness for financial technology applications.
```