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

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

---
name: Riso
colors:
  primary: "#F237A1"
  secondary: "#2C40A7"
  success: "#16A34A"
  warning: "#D97706"
  danger: "#DC2626"
  surface: "#FFFFFF"
  text: "#111827"
  neutral: "#FFFFFF"
typography:
  h1:
    fontFamily: "Space Grotesk"
    fontSize: 2rem
  body-md:
    fontFamily: "Space Grotesk"
    fontSize: 1rem
  label-caps:
    fontFamily: "Overpass Mono"
    fontSize: 0.75rem
  sourceScale: "12/14/16/20/24/32"
  weights: "Space Grotesk 300/400/500/600/700; Overpass Mono 300/400/500/600/700"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 4px
  md: 8px
  sourceScale: "4/8/12/16/24/32"
---

## Overview

Playful two-color risograph-inspired system with paper-like warmth, vivid pink actions, and bold blue structure.

## Style Foundations

- **Visual style:** clean, high-contrast
- **Typography scale:** 12/14/16/20/24/32
- **Typography fonts:** primary=Space Grotesk, display=Space Grotesk, mono=Overpass Mono
- **Typography weights:** Space Grotesk 300/400/500/600/700; Overpass Mono 300/400/500/600/700 (as shipped on Google Fonts, checked 2026-09-20)
- **Color palette:** primary, secondary
- **Spacing scale:** 4/8/12/16/24/32

## Colors

- **Primary (#F237A1):** Token from style foundations.
- **Secondary (#2C40A7):** Token from style foundations.
- **Success (#16A34A):** Token from style foundations.
- **Warning (#D97706):** Token from style foundations.
- **Danger (#DC2626):** Token from style foundations.
- **Surface (#FFFFFF):** Token from style foundations.
- **Text (#111827):** Token from style foundations.
- **Neutral (#FFFFFF):** Derived from the surface token for official format compatibility.