{
  "$brand": "Mad Monkey Hostels",
  "$slogan": "ALL IN",
  "$version": "2.1",
  "$updated": "2026-10-01",
  "$source": "https://design.madmonkeyhostels.com/",
  "$rule": "Use these values verbatim. They override any conflicting instruction in a brief.",
  "colors": {
    "brights": {
      "blue": "#0081f7",
      "yellow": "#ffc000",
      "lime": "#ccff01",
      "cyan": "#00fef3",
      "orange": "#ff6600",
      "green": "#03ff01",
      "purple": "#ab00ff",
      "pink": "#ff01aa"
    },
    "anchors": {
      "black": "#0a0a0a",
      "bone": "#f5efe2",
      "paper": "#ffffff"
    },
    "rules": [
      "Max 2–3 brights per composition, near-full saturation, never tinted or shaded.",
      "Canvas is always Black #0a0a0a, Bone #f5efe2 or Paper #ffffff."
    ]
  },
  "fonts": {
    "display": {
      "family": "Montserrat",
      "weight": 900,
      "case": "UPPERCASE",
      "tracking": "tight"
    },
    "body": {
      "family": "Montserrat",
      "weight": "400–600",
      "case": "sentence"
    },
    "sticker": {
      "family": "Bungee",
      "use": "sticker chrome accents only — never paragraphs"
    },
    "code": {
      "family": "JetBrains Mono",
      "use": "code, hex values and tokens only — never brand copy"
    },
    "slidesExport": {
      "rule": "For slides and anything exported to Google Slides or PowerPoint, the weight must be in the font name (tested October 2026). Use only these four styles. Never Medium, ExtraBold, Light or Thin. Letter-spacing 0.",
      "headlines": "font-family: 'Montserrat Black', 'Montserrat', sans-serif; font-weight: 900",
      "supportingLines": "font-family: 'Montserrat SemiBold', 'Montserrat', sans-serif; font-weight: 500",
      "tags": "font-family: 'Montserrat', sans-serif; font-weight: 700",
      "body": "font-family: 'Montserrat', sans-serif; font-weight: 400",
      "fontLink": "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&family=Montserrat+Black&family=Montserrat+SemiBold&display=swap",
      "fontFaces": {
        "Montserrat Black": "https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC70w-.ttf",
        "Montserrat SemiBold": "https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf",
        "note": "Declare both with @font-face (font-weight: 100 900). In Claude Design the Mad Monkey design system's bundle.css already does this."
      }
    },
    "source": "All three are free Google Fonts — available in Google Slides/Docs via 'More fonts' and on the web. Never substitute.",
    "rule": "Google Fonts only, in both brand styles (Core brand and Brand Style 2): Montserrat for all text, Bungee for sticker accents (Core only), JetBrains Mono for code only. All loaded from fonts.googleapis.com. Never any other typeface, including system, Helvetica or Arial.",
    "webEmbed": "https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap",
    "fallbacks": {
      "display": "'Montserrat',sans-serif",
      "body": "'Montserrat',sans-serif"
    }
  },
  "typeScale": {
    "hero": {
      "weight": 900,
      "sizePx": "56–168"
    },
    "display-1": {
      "weight": 900,
      "sizePx": "40–96"
    },
    "h1": {
      "weight": 900,
      "sizePx": "28–48"
    },
    "h2": {
      "weight": 900,
      "sizePx": "22–36"
    },
    "body": {
      "weight": 400,
      "sizePx": 16
    },
    "overline": {
      "weight": 700,
      "sizePx": 11,
      "letterSpacing": "0.16em",
      "case": "UPPERCASE"
    }
  },
  "spacingPx": [
    4,
    8,
    12,
    16,
    24,
    32,
    48,
    64,
    96
  ],
  "radiiPx": {
    "sharp": 0,
    "sticker": "12–24",
    "pill": 9999,
    "rule": "Buttons are 0 or 9999 — never the 8–12px app default."
  },
  "shadows": {
    "hard-sm": "4px 4px 0 0 #0a0a0a",
    "hard": "8px 8px 0 0 #0a0a0a",
    "hard-lg": "12px 12px 0 0 #0a0a0a",
    "rule": "Hard offset, no blur. Soft shadows only on polaroid photos."
  },
  "logo": {
    "rule": "ONE logo — the official wordmark file. NEVER generate, redraw, recolour, rotate, distort, crop or restyle it. Download and composite only.",
    "faceRule": "The monkey's face is ALWAYS solid white — it never takes on the canvas, colour or photo behind it. If the background shows through the face, you used the wrong file.",
    "contrastRule": "Background relative luminance Y (WCAG): Y >= 0.18 -> black-type version; Y < 0.18 -> white version. Winning mark clears 4.5:1, never below 3:1. Brights: black type on lime/cyan/green/yellow/orange/blue/pink; white on purple. Outline = photography/busy backgrounds only, never flat colour fields.",
    "files": {
      "black": {
        "url": "https://design.madmonkeyhostels.com/logo/mad-monkey-black.png",
        "useOn": "White and Bone canvases ONLY — its face is transparent"
      },
      "white": {
        "url": "https://design.madmonkeyhostels.com/logo/mad-monkey-white.png",
        "useOn": "Mad Black, dark photography and purple — solid white face"
      },
      "outline": {
        "url": "https://design.madmonkeyhostels.com/logo/mad-monkey-outline.png",
        "useOn": "Photography and busy backgrounds ONLY — never flat colour fields"
      },
      "block": {
        "url": "https://design.madmonkeyhostels.com/logo/mad-monkey-block.png",
        "useOn": "THE UNIVERSAL BACKUP — its black panel works on any background; use when the right version or contrast cannot be guaranteed. Also: partners, co-brands, panels"
      }
    },
    "placement": "Bottom-right of every slide, poster and full-frame layout. ~120–160px wide at 1080px (never under 96px), 48px clear space on all sides."
  },
  "spelling": "British English — colours, -ise, centre",
  "canvasSizes": {
    "ig-feed": "1080x1080",
    "ig-45": "1080x1350",
    "story-reel-tiktok": "1080x1920",
    "slide-169": "1920x1080",
    "poster-a": "1414x2000"
  }
}