Battlefield (Battlefield 6)

DESIGN.md

---
version: alpha
name: "Battlefield (Battlefield 6)"
colors:
  neutral-1: "#FFFFFF"
  neutral-2: "#00559C"
  neutral-3: "#000000"
  neutral-4: "#2B00FF"
  accent: "#0070F3"
  background: "#00071F"
  text: "#EAEAEC"
typography:
  display:
    fontFamily: electronicartsdisplay
    fontWeight: 700
  body:
    fontFamily: "Times New Roman"
    fontWeight: 700
spacing:
  sm: 6px
  md: 16px
  lg: 24px
  xl: 48px
  2xl: 124px
components:
  button-primary:
    backgroundColor: "#000000"
    textColor: "#eaeaec"
    rounded: 8px
    padding: "28px 36px"
    fontWeight: 400
  button-2:
    backgroundColor: "#000000"
    textColor: "#eaeaec"
    rounded: 8px
    padding: "28px 36px"
    fontWeight: 400
  button-3:
    backgroundColor: transparent
    textColor: "#ff0000"
    rounded: 0px
    padding: "0px 0px"
    fontWeight: 700
---

## Colors

- **neutral-1 (#FFFFFF):** neutral role.
- **neutral-2 (#00559C):** neutral role.
- **neutral-3 (#000000):** neutral role.
- **neutral-4 (#2B00FF):** neutral role.
- **accent (#0070F3):** primary role.
- **background (#00071F):** surface role.
- **text (#EAEAEC):** text role.

## Typography

- **Times New Roman:** times_new_roman (weights: 700)
- **electronicartsdisplay:** electronicartsdisplay (weights: 700)
- **electronicartstext:** electronicartstext (weights: 400, 700)

## Layout

- Spacing scale: 6, 16, 24, 48, 124 px

## Components

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