{
  "name": "Lovebae",
  "note": "Lovebae is a dark-first brand. Red is the one emotional signal; use the ink red (#FF4D6D) for type/icons on dark, the fill red (#D0002F) under white text.",
  "gradient": {
    "angle": 135,
    "stops": [
      "#E11A45",
      "#FF2D55"
    ]
  },
  "fonts": {
    "display": "Manrope",
    "body": "Inter"
  },
  "colors": [
    {
      "key": "red-ink",
      "name": "Lovebae Red",
      "hex": "#FF4D6D",
      "rgb": [
        255,
        77,
        109
      ],
      "group": "Brand",
      "role": "Primary · ink",
      "usage": "Text, icons and accents on dark grounds (5.4:1 on #121316).",
      "source": "web-lovebae/src/app/globals.css --primary"
    },
    {
      "key": "red-fill",
      "name": "Lovebae Red Fill",
      "hex": "#D0002F",
      "rgb": [
        208,
        0,
        47
      ],
      "group": "Brand",
      "role": "Primary · fill",
      "usage": "Solid buttons, chips and stickers that carry a white label (5.6:1 under white).",
      "source": "web-lovebae/src/app/globals.css --primary-fill"
    },
    {
      "key": "logo-red",
      "name": "Logo Crimson",
      "hex": "#F61253",
      "rgb": [
        246,
        18,
        83
      ],
      "group": "Brand",
      "role": "Logo colour",
      "usage": "Matching the logo itself: large shapes, hearts, backgrounds behind the white wordmark.",
      "source": "Measured: median of the red pixels in apps/mobile-app/assets/app-logo.png"
    },
    {
      "key": "app-red",
      "name": "App Crimson",
      "hex": "#E11A45",
      "rgb": [
        225,
        26,
        69
      ],
      "group": "Brand",
      "role": "In-app primary",
      "usage": "The crimson used across the mobile app (both themes); gradient start.",
      "source": "apps/mobile-app/src/theme/palettes.ts primary"
    },
    {
      "key": "glow",
      "name": "Glow Pink",
      "hex": "#FF2D55",
      "rgb": [
        255,
        45,
        85
      ],
      "group": "Brand",
      "role": "Gradient end",
      "usage": "End stop of the 135° crimson gradient (#E11A45 → #FF2D55).",
      "source": "apps/mobile-app/src/theme/palettes.ts primaryContainer"
    },
    {
      "key": "bg",
      "name": "Night",
      "hex": "#121316",
      "rgb": [
        18,
        19,
        22
      ],
      "group": "Surface",
      "role": "Background",
      "usage": "Default ground for every Lovebae creative. The brand lives on dark.",
      "source": "web-lovebae/src/app/globals.css --background"
    },
    {
      "key": "low",
      "name": "Night Raised",
      "hex": "#191B1F",
      "rgb": [
        25,
        27,
        31
      ],
      "group": "Surface",
      "role": "Surface · low",
      "usage": "Secondary panels and sections.",
      "source": "web-lovebae/src/app/globals.css --surface-container-low"
    },
    {
      "key": "card",
      "name": "Card",
      "hex": "#1B1D22",
      "rgb": [
        27,
        29,
        34
      ],
      "group": "Surface",
      "role": "Surface · card",
      "usage": "Cards that sit one step above the page.",
      "source": "web-lovebae/src/app/globals.css --card"
    },
    {
      "key": "bright",
      "name": "Night Bright",
      "hex": "#23262C",
      "rgb": [
        35,
        38,
        44
      ],
      "group": "Surface",
      "role": "Surface · elevated",
      "usage": "Overlays and elements that should feel physically closer.",
      "source": "web-lovebae/src/app/globals.css --surface-bright"
    },
    {
      "key": "text",
      "name": "Soft White",
      "hex": "#F2F2F7",
      "rgb": [
        242,
        242,
        247
      ],
      "group": "Text",
      "role": "Text · primary",
      "usage": "Headlines and body copy on dark. Use instead of pure white.",
      "source": "web-lovebae/src/app/globals.css --on-surface"
    },
    {
      "key": "text2",
      "name": "Mist",
      "hex": "#A2A5AE",
      "rgb": [
        162,
        165,
        174
      ],
      "group": "Text",
      "role": "Text · secondary",
      "usage": "Supporting copy, captions.",
      "source": "web-lovebae/src/app/globals.css --on-surface-variant"
    },
    {
      "key": "text3",
      "name": "Fog",
      "hex": "#8E929B",
      "rgb": [
        142,
        146,
        155
      ],
      "group": "Text",
      "role": "Text · tertiary",
      "usage": "Fine print, metadata.",
      "source": "web-lovebae/DESIGN.MD text tiers (tertiary)"
    },
    {
      "key": "indigo",
      "name": "Indigo",
      "hex": "#8583F0",
      "rgb": [
        133,
        131,
        240
      ],
      "group": "Accent",
      "role": "Accent",
      "usage": "The one secondary accent; sparingly, never competing with red.",
      "source": "web-lovebae/src/app/globals.css --accent"
    },
    {
      "key": "gold",
      "name": "Streak Gold",
      "hex": "#FBBF24",
      "rgb": [
        251,
        191,
        36
      ],
      "group": "Accent",
      "role": "Accent · highlight",
      "usage": "Streaks, stars and small celebratory highlights.",
      "source": "apps/mobile-app/src/theme/palettes.ts streak / globals.css --chart-3"
    },
    {
      "key": "paper",
      "name": "Paper",
      "hex": "#FBF7F7",
      "rgb": [
        251,
        247,
        247
      ],
      "group": "Light",
      "role": "Light background",
      "usage": "When a light ground is unavoidable (print, press). Pair with the dark-text wordmark.",
      "source": "apps/mobile-app/src/theme/palettes.ts lightPalette.background"
    },
    {
      "key": "ink",
      "name": "Warm Ink",
      "hex": "#1C1720",
      "rgb": [
        28,
        23,
        32
      ],
      "group": "Light",
      "role": "Text on light",
      "usage": "Text on light grounds; also the colour of \"love\" in the dark-text wordmark.",
      "source": "apps/mobile-app/src/theme/palettes.ts lightPalette.text"
    }
  ]
}