adidas

DESIGN.md

---
version: alpha
name: adidas
colors:
  accent: "#000000"
  background: "#FFFFFF"
typography:
  display:
    fontFamily: adineue
    fontWeight: 400
spacing:
  sm: 8px
  md: 20px
  lg: 28px
  xl: 40px
  2xl: 152px
components:
  button-primary:
    backgroundColor: "#000000"
    textColor: "#ffffff"
    rounded: 4px
    padding: "8px 16px"
    fontWeight: 400
  button-2:
    backgroundColor: transparent
    textColor: "#000000"
    rounded: 4px
    padding: "8px 16px"
    fontWeight: 400
  button-3:
    backgroundColor: transparent
    textColor: "#000000"
    rounded: 0px
    padding: "0px 0px"
    fontWeight: 400
---

## Colors

- **accent (#000000):** primary role.
- **background (#FFFFFF):** surface role.

## Typography

- **adineue:** adineue (weights: 400, 600, 700)

## Layout

- Spacing scale: 8, 20, 28, 40, 152 px

## Elevation & Depth

- `rgba(0, 0, 0, 0.1) 0px 2px 4px 0px`

## Components

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