{
  "$description": "Monzo brand tokens from unfairly.ai/brand-guidelines/monzo, checked 2026-10-29. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.973,
          0.953
        ],
        "hex": "#f2f8f3"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.31,
          0.251
        ],
        "hex": "#ff4f40"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.067,
          0.133,
          0.192
        ],
        "hex": "#112231"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "hot-coral": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.31,
          0.251
        ],
        "hex": "#ff4f40"
      }
    },
    "soft-white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.973,
          0.953
        ],
        "hex": "#f2f8f3"
      }
    },
    "deep-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.067,
          0.133,
          0.192
        ],
        "hex": "#112231"
      }
    },
    "mid-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.996,
          0.42,
          0.106
        ],
        "hex": "#fe6b1b"
      }
    },
    "pale-pink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.843,
          0.941
        ],
        "hex": "#ffd7f0"
      }
    },
    "neon-yellow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.765,
          1,
          0.204
        ],
        "hex": "#c3ff34"
      }
    },
    "mid-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.004,
          0.42,
          0.514
        ],
        "hex": "#016b83"
      }
    },
    "pale-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.733,
          0.965,
          0.886
        ],
        "hex": "#bbf6e2"
      }
    },
    "deep-khaki": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.227,
          0.286,
          0.125
        ],
        "hex": "#3a4920"
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "soft-white-1": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.89,
          0.922,
          0.894
        ],
        "hex": "#e3ebe4"
      }
    },
    "grey-3": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.788,
          0.816,
          0.776
        ],
        "hex": "#c9d0c6"
      }
    },
    "grey-2": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.682,
          0.71,
          0.655
        ],
        "hex": "#aeb5a7"
      }
    },
    "grey-1": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.459,
          0.506,
          0.494
        ],
        "hex": "#75817e"
      }
    },
    "navy-2": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.173,
          0.227,
          0.263
        ],
        "hex": "#2c3a43"
      }
    },
    "navy-3": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.231,
          0.298,
          0.329
        ],
        "hex": "#3b4c54"
      }
    },
    "deep-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.929,
          0.369,
          0.067
        ],
        "hex": "#ed5e11"
      }
    },
    "pale-orange": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.58,
          0.353
        ],
        "hex": "#ff945a"
      }
    },
    "deep-pink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.396,
          0.749
        ],
        "hex": "#f365bf"
      }
    },
    "mid-pink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.663,
          0.875
        ],
        "hex": "#ffa9df"
      }
    },
    "deep-neon": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.639,
          0.863,
          0.102
        ],
        "hex": "#a3dc1a"
      }
    },
    "pale-neon": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.851,
          1,
          0.435
        ],
        "hex": "#d9ff6f"
      }
    },
    "deep-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.306,
          0.376
        ],
        "hex": "#004e60"
      }
    },
    "pale-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.18,
          0.686,
          0.753
        ],
        "hex": "#2eafc0"
      }
    },
    "deep-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.408,
          0.804,
          0.71
        ],
        "hex": "#68cdb5"
      }
    },
    "mid-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.549,
          0.902,
          0.82
        ],
        "hex": "#8ce6d1"
      }
    },
    "mid-khaki": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.38,
          0.463,
          0.239
        ],
        "hex": "#61763d"
      }
    },
    "pale-khaki": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6,
          0.686,
          0.451
        ],
        "hex": "#99af73"
      }
    },
    "positive-green-1": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.353,
          0.784,
          0.498
        ],
        "hex": "#5ac87f"
      }
    },
    "positive-green-2": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.204,
          0.541,
          0.318
        ],
        "hex": "#348a51"
      }
    },
    "destructive-red-1": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.961,
          0.263,
          0.043
        ],
        "hex": "#f5430b"
      }
    },
    "destructive-red-2": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.788,
          0.224,
          0.047
        ],
        "hex": "#c9390c"
      }
    },
    "yellow-1": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.765,
          0.157
        ],
        "hex": "#ffc328"
      }
    },
    "yellow-2": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.824,
          0.431,
          0.157
        ],
        "hex": "#d26e28"
      }
    },
    "action-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.129,
          0.561,
          0.718
        ],
        "hex": "#218fb7"
      }
    },
    "live-navy-900": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "blue-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.604,
          0.808
        ],
        "hex": "#009ace"
      }
    },
    "nav-focus": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.643,
          0.859
        ],
        "hex": "#00a4db"
      }
    },
    "navy-60-on-white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.42,
          0.455,
          0.482
        ],
        "hex": "#6b747b"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-white-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-white-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "button-secondary-outline-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-secondary-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "button-secondary-outline-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "carousel-arrow-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    },
    "account-card-arrow-ring": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.035,
          0.09,
          0.137
        ],
        "hex": "#091723"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Raleway",
        "Arial Narrow",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "MonzoSansDisplay"
      ],
      "$description": "Monzo's own face (proprietary Monzo face, self-hosted woff2 from static-assets.monzo.com; not licensed to us). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Onest",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Monzo Sans"
      ],
      "$description": "Monzo's own face (proprietary Monzo face, not licensed to us). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "hero-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 48.83,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 40.67,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "section-headline-h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 39.06,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 33.73,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "regulatory-headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "step-numeral": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 61.04,
          "unit": "px"
        },
        "fontWeight": 900,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 61.04,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "slide-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 31.25,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.63,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 27.99,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "carousel-card-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 25,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": -0.5,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 23.23,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "account-footer-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 25,
          "unit": "px"
        },
        "fontWeight": 750,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.5,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 23.23,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "spotlight-item-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 675,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": -0.4,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 19.28,
          "family": "Raleway",
          "provenance": "observed"
        }
      }
    },
    "lead-intro": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 350,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 19.28,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 350,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    },
    "emphasis-body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 550,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0.16,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    },
    "button-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 550,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0.16,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    },
    "mega-menu-group": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 550,
        "lineHeight": 1.15,
        "letterSpacing": {
          "value": 0.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    },
    "ranking-subtitle": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 550,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0.24,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    },
    "legal-small-print": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 12.8,
          "unit": "px"
        },
        "fontWeight": 350,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 13.28,
          "family": "Onest",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1440,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 87,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-white": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-secondary-outline": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "carousel-arrow": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "account-card-arrow": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "motion": {
    "button-primary-duration": {
      "$type": "duration",
      "$value": {
        "value": 300,
        "unit": "ms"
      }
    },
    "button-outline-duration": {
      "$type": "duration",
      "$value": {
        "value": 300,
        "unit": "ms"
      }
    },
    "white-button-and-links-duration": {
      "$type": "duration",
      "$value": {
        "value": 200,
        "unit": "ms"
      }
    }
  }
}