High Caliber AI

DESIGN.md

---
version: alpha
name: "High Caliber AI"
colors:
  neutral-1: "#000000"
  neutral-2: "#FFFFFF"
  neutral-3: "#3F3F3F"
  neutral-4: "#E8E8E8"
  accent: "#E3161D"
  background: "#FAFAFA"
typography:
  display:
    fontFamily: Sora
    fontWeight: 600
  body:
    fontFamily: Inter
    fontWeight: 400
spacing:
  sm: 6px
  md: 16px
  lg: 32px
  xl: 48px
  2xl: 64px
components:
  button-primary:
    backgroundColor: "#e3161d"
    textColor: "#ffffff"
    rounded: 8px
    padding: "12px 24px"
    fontWeight: 600
  button-2:
    backgroundColor: "#f5f5f5"
    textColor: "#1f1f1f"
    rounded: 8px
    padding: "12px 24px"
    fontWeight: 600
  button-3:
    backgroundColor: transparent
    textColor: "#1f1f1f"
    rounded: 0px
    padding: "0px 0px"
    fontWeight: 400
---

## Colors

- **neutral-1 (#000000):** neutral role.
- **neutral-2 (#FFFFFF):** neutral role.
- **neutral-3 (#3F3F3F):** neutral role.
- **neutral-4 (#E8E8E8):** neutral role.
- **accent (#E3161D):** primary role.
- **background (#FAFAFA):** surface role.

## Typography

- **Sora:** sora (weights: 600, 700)
- **Inter:** inter (weights: 400)

## Layout

- Spacing scale: 6, 16, 32, 48, 64 px

## Elevation & Depth

- `rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px`

## Components

- **button-primary:** background #e3161d, text #ffffff, radius 8px
- **button-2:** background #f5f5f5, text #1f1f1f, radius 8px
- **button-3:** background transparent, text #1f1f1f, radius 0px