---
name: Auros Global
description: "Worth including for its masterful use of gradient-based depth and premium, institutional aesthetic that avoids the typical cluttered look of many fintech sites."
version: alpha

colors:
  background: "#001413"
  primary: "#FFFFFF"
  secondary: "#BBC7C6"
  neutral: "#707777"
  bg-soft: "#012624"
  bg-quiet: "#003734"
  muted-soft: "#BBC7C6"
  line: "rgba(1, 38, 36, 1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 96px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-3.84px"
  heading:
    fontFamily: sans-serif
    fontSize: 60.8px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-2.44px"
  body-lg:
    fontFamily: sans-serif
    fontSize: 20px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "-0.4px"
  body:
    fontFamily: sans-serif
    fontSize: 16px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"
  caption:
    fontFamily: sans-serif
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 4px
  md: 6px
  lg: 16px
  pill: 999px

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

---

## Overview

A premium fintech interface for high-stakes digital market trading.

*A modern digital bank vault with a glowing neon edge*

## Colors

Deep teal foundation with ethereal, iridescent gradient accents on primary actions.

- **Background (`#001413`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#BBC7C6`)** — uses `ink-soft` token
- **Muted (`#707777`)** — uses `muted` token
- **Borders (`rgba(1, 38, 36, 1)`)** — uses `line` token

## Typography

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

- All primary navigation and buttons use all-caps with wide tracking
- Headlines use tight negative letter-spacing for impact
- Body text maintains comfortable line-heights for readability

## Layout

Full-width dark hero transitioning into structured content blocks with generous side padding.

*Rhythm:* Consistent 4px base grid with generous vertical whitespace for a premium feel.

## Elevation & Depth

- Borders: Minimal, using deep teal borders that blend with the dark background.

## Shapes

- `sm`: 4px
- `md`: 6px
- `lg`: 16px
- `pill`: 999px

## Components

- **button:** Iridescent gradient fill with dark text, using pill or soft-rectangle shapes.
- **card:** Large, rounded cards with soft internal gradients and subtle glassmorphism effects.
- **chip:** Simple, text-based labels with subtle background fills.
- **input:** Clean, minimalist inputs with dark backgrounds and light borders.
- **hero:** Full-width dark canvas with massive centered typography and a single, high-contrast CTA.

## Do's and Don'ts

**Don't:**
- Don't use bright, saturated primary colors — screenshot shows a dark teal foundation with iridescent accents instead
- Don't use thin, light typography for headlines — screenshot shows bold, 500-weight geometric sans-serif instead
- Don't use sharp, square corners for major components — screenshot shows 16px rounded corners on cards and buttons instead
- Don't use heavy drop shadows for elevation — screenshot shows flat, gradient-based depth instead
- Don't use small, cramped spacing — screenshot shows generous padding (120px vertical) and gaps (48px) instead
- Don't use lowercase for navigation and CTAs — screenshot shows strict all-caps with wide tracking instead

---

## System Prompt (paste into AI agent)

```
This is a premium fintech website for a crypto liquidity provider. It features a deep dark teal background with an ethereal, iridescent gradient accent system. Typography relies on a geometric sans-serif for display and a clean sans-serif for body text, with heavy use of uppercase, wide-tracked labels. The layout is spacious and centered, emphasizing authority and institutional trust. Critical donts: never use bright saturated primary colors, avoid thin/light typography for headlines, do not use sharp square corners on cards or buttons, avoid heavy drop shadows, maintain generous spacing rather than cramped layouts, and never use lowercase for primary navigation or calls to action.
```