MAML Examples

Appearance

2730 - Theme Config ​

Design system theme configuration. This is an example of a MAML document.

maml
{
  name: "fatherly Theme"
  # Color palette
  colors: {
    primary: "#a6c4e0"
    secondary: "#177b7e"
    accent: "#dc3da7"
    background: "#0d1117"
    text: "#333333"

    error: "#dc3545"
    warning: "#ffc107"
    success: "#28a745"
  }

  # Typography
  typography: {
    font_family: "\"JetBrains Mono\", monospace"
    base_size: 14
    line_height: 1.75
    headings: {
      font_family: "\"Space Grotesk\", sans-serif"
      weight: 800
    }
  }

  spacing: {
    unit: 4
    scale: [
      0
      4
      8
      16
      24
      32
      48
    ]
  }
  border_radius: 4
}

See Also ​