DESIGN.md@packs/bergside-awesome-design-skills/tetris git:20260921.cdae51fA

Immutable. This exact content never changes and is served at /api/v1/blob/189fbae28c098bce.

---
name: Tetris
colors:
  primary: "#1C202B"
  secondary: "#7107E7"
  success: "#16A34A"
  warning: "#D97706"
  danger: "#DC2626"
  surface: "#DFE7FF"
  text: "#1C398E"
  neutral: "#DFE7FF"
typography:
  h1:
    fontFamily: "Bangers"
    fontSize: 3rem
  body-md:
    fontFamily: "Bangers"
    fontSize: 1rem
  label-caps:
    fontFamily: "JetBrains Mono"
    fontSize: 0.75rem
  sourceScale: "desktop-first expressive scale"
  weights: "Bangers 400; JetBrains Mono 100/200/300/400/500/600/700/800"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 4px
  md: 8px
  sourceScale: "compact density mode"
---

## Overview

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

## Style Foundations

- **Visual style:** high-contrast, playful, premium
- **Typography scale:** desktop-first expressive scale
- **Typography fonts:** primary=Bangers, display=Bangers, mono=JetBrains Mono
- **Typography weights:** Bangers 400; JetBrains Mono 100/200/300/400/500/600/700/800 (as shipped on Google Fonts, checked 2026-09-20)
- **Color palette:** primary, secondary, success, warning, danger, info
- **Spacing scale:** compact density mode

## Colors

- **Primary (#1C202B):** Token from style foundations.
- **Secondary (#7107E7):** Token from style foundations.
- **Success (#16A34A):** Token from style foundations.
- **Warning (#D97706):** Token from style foundations.
- **Danger (#DC2626):** Token from style foundations.
- **Surface (#DFE7FF):** Token from style foundations.
- **Text (#1C398E):** Token from style foundations.
- **Neutral (#DFE7FF):** Derived from the surface token for official format compatibility.