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

Immutable. This exact content is served forever at /api/v1/blob/c1e2854b544481e9.

---
name: Editorial
colors:
  primary: "#111111"
  secondary: "#f1f1f1"
  success: "#16A34A"
  warning: "#D97706"
  danger: "#DC2626"
  surface: "#FFFFFF"
  text: "#111827"
  neutral: "#FFFFFF"
typography:
  h1:
    fontFamily: "Gelasio"
    fontSize: 2.5rem
  body-md:
    fontFamily: "Gelasio"
    fontSize: 1rem
  label-caps:
    fontFamily: "Ubuntu Mono"
    fontSize: 0.875rem
  sourceScale: "14/16/18/24/32/40"
  weights: "Gelasio 400/500/600/700; Ubuntu Mono 400/700"
rounded:
  sm: 4px
  md: 8px
spacing:
  sm: 8px
  md: 16px
  sourceScale: "8pt baseline grid"
---

## Overview

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

## Style Foundations

- **Visual style:** modern, editorial
- **Typography scale:** 14/16/18/24/32/40
- **Typography fonts:** primary=Gelasio, display=Gelasio, mono=Ubuntu Mono
- **Typography weights:** Gelasio 400/500/600/700; Ubuntu Mono 400/700 (as shipped on Google Fonts, checked 2026-09-20)
- **Color palette:** primary, secondary, neutral, success
- **Spacing scale:** 8pt baseline grid

## Colors

- **Primary (#111111):** Token from style foundations.
- **Secondary (#f1f1f1):** 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.