Craft Sportswear

DESIGN.md

---
version: alpha
name: "Craft Sportswear"
colors:
  accent: "#000000"
  background: "#FFFFFF"
typography:
  display:
    fontFamily: __primaryFont_45fae2
    fontWeight: 400
  body:
    fontFamily: __secondaryFont_6a5960
    fontWeight: 400
spacing:
  sm: 2px
  md: 10px
  lg: 16px
  xl: 24px
  2xl: 64px
components:
  button-primary:
    backgroundColor: transparent
    textColor: "#ffffff"
    rounded: 4px
    padding: "15px 17px"
    fontWeight: 400
  button-2:
    backgroundColor: "#ffffff"
    textColor: "#000000"
    rounded: 4px
    padding: "15px 17px"
    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

- **__primaryFont_45fae2:** primaryfont_45fae2 (weights: 400)
- **__secondaryFont_6a5960:** secondaryfont_6a5960 (weights: 400)

## Layout

- Spacing scale: 2, 10, 16, 24, 64 px

## Elevation & Depth

- `rgba(0, 0, 0, 0.3) 0px 32px 68px 0px`

## Components

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