Kadens Journal

DESIGN.md

---
version: alpha
name: "Kadens Journal"
colors:
  neutral-1: "#FFFFFF"
  neutral-2: "#F93262"
  neutral-3: "#4AD504"
  neutral-4: "#222222"
  neutral-5: "#9C9C9C"
  accent: "#ECEA65"
  background: "#000000"
typography:
  display:
    fontFamily: sans-serif
    fontWeight: 400
  body:
    fontFamily: "peat-055-bdjh 4g"
  mono:
    fontFamily: "peatmono-055-y 30jfq"
spacing:
  sm: 2px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 194px
components:
  button-primary:
    backgroundColor: transparent
    textColor: "#000000"
    rounded: 0px
    padding: "22px 32px"
    fontWeight: 400
  button-2:
    backgroundColor: transparent
    textColor: "#000000"
    rounded: 0px
    padding: "22px 32px"
    fontWeight: 400
  button-3:
    backgroundColor: transparent
    textColor: "#ecea65"
    rounded: 0px
    padding: "0px 0px"
    fontWeight: 400
---

## Colors

- **neutral-1 (#FFFFFF):** neutral role.
- **neutral-2 (#F93262):** neutral role.
- **neutral-3 (#4AD504):** neutral role.
- **neutral-4 (#222222):** neutral role.
- **neutral-5 (#9C9C9C):** neutral role.
- **accent (#ECEA65):** primary role.
- **background (#000000):** surface role.

## Typography

- **peat-055-bdjh 4g:** peat_055_bdjh_4g
- **peatmono-055-y 30jfq:** peatmono_055_y_30jfq
- **peatmono-055-y30jfq:** peatmono_055_y30jfq (weights: 400)
- **sans-serif:** sans_serif (weights: 400)
- **peat-055-bdjh4g:** peat_055_bdjh4g (weights: 400)

## Layout

- Spacing scale: 2, 16, 24, 32, 194 px

## Elevation & Depth

- `rgb(128, 128, 128) 0px 0px 5px 0px`

## Components

- **button-primary:** background transparent, text #000000, radius 0px
- **button-2:** background transparent, text #000000, radius 0px
- **button-3:** background transparent, text #ecea65, radius 0px