themes/corporate-alegria.yaml

Rama main · réplica de lectura del repositorio original.

# Corporate Alegria — bold flat corporate optimism.
# Bright blue and orange on white, chunky geometric sans, friendly shapes —
# the "Alegria" flat-illustration aesthetic turned into a theme.

name: corporate-alegria
label: Corporate Alegria
summary: Bold flat corporate optimism — bright blue and orange on white.

tokens:
  palette:
    bg: "#FFFFFF"
    surface: "#F0F4F8"
    ink: "#1A2B4A"          # navy
    ink_muted: "#5C6B84"
    accent: "#2D6BFF"       # bright blue
    accent_alt: "#FF7A00"   # orange
    rule: "#E1E8F0"
    on_accent: "#FFFFFF"

  surfaces:
    title:   { bg: "#1A2B4A", ink: "#FFFFFF", muted: "#B9C6DC", accent: "#FF7A00" }
    section: { bg: "#2D6BFF", ink: "#FFFFFF", muted: "#D3E0FF" }

  dark:
    bg: "#101B30"
    surface: "#1A2742"
    ink: "#EDF1FA"
    ink_muted: "#9AA8C4"
    accent: "#4D83FF"
    accent_alt: "#FF8C26"
    rule: "#FFFFFF20"
    on_accent: "#101B30"

  type:
    display:  { family: "IBM Plex Sans", weight: 700, size: 40, line: 1.08, tracking: -0.8 }
    heading:  { family: "IBM Plex Sans", weight: 700, size: 30, line: 1.12, tracking: -0.4 }
    subhead:  { family: Inter,           weight: 500, size: 15, line: 1.4,  tracking: 0 }
    body:     { family: Inter,           weight: 400, size: 13, line: 1.55, tracking: 0 }
    caption:  { family: Inter,           weight: 500, size: 10, line: 1.35, tracking: 0.2 }
    eyebrow:  { family: "IBM Plex Sans", weight: 700, size: 10, line: 1.2,  tracking: 1.6, transform: upper }
    stat:     { family: "IBM Plex Sans", weight: 700, size: 54, line: 1.0,  tracking: -1.5 }

  grid:
    margin: { top: 0.62, right: 0.7, bottom: 0.55, left: 0.7 }
    gutter: 0.30
    columns: 12
    band: { eyebrow_y: 0.62, title_y: 1.30, body_y: 2.55 }

  shape:
    radius: { card: 0.16, pill: 0.40, chip: 0.10 }
    border: { width: 0, color: "#00000000" }
    card_pad: 0.30

  shadow:
    card: { type: outer, blur: 12, offset: 3, angle: 90, color: "1A2B4A", opacity: 0.10 }

  # The optimistic duo: a strong blue bloom rising from the bottom-left and an
  # orange bloom in the top-left — clearly two warm-bright shapes, nothing like
  # notion-clean's single cool top-right halo.
  background:
    decor:
      - shape: ellipse
        x: -2.4
        y: 3.2
        w: 6.2
        h: 5.4
        fill: "#2D6BFF"
        transparency: 84
      - shape: ellipse
        x: -1.2
        y: -2.8
        w: 5.0
        h: 4.6
        fill: "#FF7A00"
        transparency: 86

  # Composition — src/composition.js owns the vocabulary; every axis
  # left out here is the shared default.
  layout:
    title:
      composition: split
    section:
      composition: band
    heading:
      opening: bar
    list:
      marker: arrow

  plate:
    enabled: false

voice:
  feel: optimistic, energetic, friendly, corporate
  density: medium
  prefers:
    - confident, forward-looking claims
    - bright card breakdowns
    - simple memorable phrasing
  avoid:
    - cynicism or negative framing
    - jargon walls
    - more than two accent colours
  headline_style: >
    Optimistic and bold. "Light, Faster, Together" over "An Introduction to
    Ray Tracing". Say it like a team announcement.
  body_style: >
    Full sentences, warm and clear. End on a positive.