---
version: alpha
name: "We are The Blueprint."
colors:
  accent: "#99C5DB"
  background: "#37474F"
  text: "#FFFFFF"
typography:
  display:
    fontFamily: "Barlow Condensed"
    fontWeight: 300
  body:
    fontFamily: Montserrat
    fontWeight: 300
spacing:
  sm: 16px
  md: 26px
  lg: 50px
  xl: 60px
  2xl: 110px
components:
  button-primary:
    backgroundColor: "#ffffff"
    textColor: "#37474f"
    rounded: 20px
    padding: "8px 16px"
    fontWeight: 400
  button-2:
    backgroundColor: transparent
    textColor: "#ffffff"
    rounded: 20px
    padding: "8px 16px"
    fontWeight: 400
  button-3:
    backgroundColor: transparent
    textColor: "#ffffff"
    rounded: 0px
    padding: "0px 0px"
    fontWeight: 600
---

## Colors

- **accent (#99C5DB):** primary role.
- **background (#37474F):** surface role.
- **text (#FFFFFF):** text role.

## Typography

- **Barlow Condensed:** barlow_condensed (weights: 300, 500)
- **Montserrat:** montserrat (weights: 300)

## Layout

- Spacing scale: 16, 26, 50, 60, 110 px

## Components

- **button-primary:** background #ffffff, text #37474f, radius 20px
- **button-2:** background transparent, text #ffffff, radius 20px
- **button-3:** background transparent, text #ffffff, radius 0px