{
  "brand": "SportBit manager",
  "site": "https://www.sportbitmanager.nl",
  "product": "https://<club>.sportbitapp.nl/web/nl/",
  "generated": "2026-09-04",
  "source": "live marketing site (WordPress, theme wordpress-sportbit on Bulma) + club member portal (Angular / Angular Material); CSS bundles in _raw/, screenshots in _screenshots/",
  "logo": {
    "wordmark_white": "assets/logo/sportbit-logo.svg",
    "wordmark_style": "bold italic 'SportBit' + smaller italic 'manager', green lightning bolt top-right",
    "bolt_color": "#9fc546",
    "mark": "assets/favicon/cropped-favicon-512-192x192.png",
    "apple_touch": "assets/favicon/apple-touch-icon.png",
    "portal_favicon": "assets/favicon/portal-favicon.png",
    "header_height_px": 55,
    "footer_height_px": 40,
    "on": "dark backgrounds only (black/#040e0f); black variant on white"
  },
  "colors": {
    "brand": {
      "primary": "#a3cd24",
      "primary-logo": "#9fc546",
      "signal": "#8900ff",
      "black": "#000000",
      "anthracite": "#040e0f",
      "dark-accent": "#222222",
      "dark-mid": "#383838",
      "ink": "#363636",
      "text": "#4a4a4a",
      "heading-dark": "#0a0a0a",
      "surface": "#f2f2f2",
      "surface-2": "#ededed",
      "line": "#dbdbdb",
      "muted": "#7a7a7a",
      "white": "#ffffff",
      "overlay": "rgba(0,0,0,0.65)",
      "badge-new": "#e3001b",
      "ignore_bulma_defaults": ["#485fc7", "#00d1b2", "#3e8ed0", "#48c78e", "#ffe08a", "#f14668"]
    },
    "product": {
      "primary": "#33576d",
      "primary_note": "default; overridden per club (Back2thegym: red ~#f44336 with black buttons)",
      "on-primary": "#ffffff",
      "secondary": "#464646",
      "neutral": "#f3f3f3",
      "green": "#bcd500",
      "red": "#ac0000",
      "grey": "#999999",
      "canvas": "#fafafa",
      "card": "#ffffff",
      "text": "rgba(0,0,0,0.87)",
      "text-secondary": "rgba(0,0,0,0.54)",
      "divider": "rgba(0,0,0,0.12)",
      "badge": "#f44336"
    }
  },
  "typography": {
    "brand": {
      "family": "Roboto",
      "files": "assets/font/roboto-v48-latin-{regular,700,700italic}.woff2 (site hosts 100–700 + italics)",
      "fallback": "'Segoe UI', Helvetica, Arial, sans-serif",
      "heading": { "weight": 700, "style": "italic", "accent": "one or two words in primary green", "sizes_px": { "h1-hero": 48, "h2-section": 34, "h3-card": 28, "kicker": 13 } },
      "body": { "weight": 400, "size_px": 16, "line_height": 1.5, "color_light": "#4a4a4a", "color_dark": "#ffffff" },
      "nav": { "weight": 500, "style": "italic", "size_px": 16 },
      "button": { "weight": 700, "transform": "uppercase", "size_px": 14, "letter_spacing_em": 0.03 },
      "kicker": { "weight": 600, "transform": "uppercase", "letter_spacing_em": 0.1, "color": "#7a7a7a" },
      "scale_rem": [0.75, 0.875, 1, 1.125, 1.25, 1.5, 2, 2.5, 3],
      "icons": "Font Awesome 6 Pro (light/regular/solid)"
    },
    "product": {
      "family": "Roboto (Google Fonts) + system fallback",
      "heading": { "h1": { "size_rem": 2.75, "weight": 600 }, "h2": { "size_rem": 2.25, "weight": 600, "color": "#363636" } },
      "body": { "size_rem": 1, "weight": 400, "line_height": 1.5 },
      "label": { "size_rem": 0.875, "weight": 600 },
      "icons": "Material Icons"
    }
  },
  "layout": {
    "brand": {
      "container_max_px": 1344,
      "content_px": 1150,
      "columns": 12,
      "gap_rem": 0.75,
      "section_padding_px": [72, 120],
      "section_rhythm": ["dark-hero", "light", "dark", "light", "light", "green-gradient-cta", "light-team", "dark-footer"],
      "diagonal_divider_deg": 4,
      "diagonal_green_strip": true,
      "topbar_height_px": 44,
      "header_height_px": 110,
      "radius_rem": 0.25,
      "radius_pill_px": 9999
    },
    "product": {
      "canvas": "full-screen club photo, dark filter, white cards centered",
      "card_radius_rem": 0.25,
      "card_shadow": "material elevation 2-4",
      "header_height_px": 100,
      "header_border_bottom": "0.5rem solid var(--primary-color)",
      "logo_max_px": 384,
      "btn_padding_rem": [0.75, 1],
      "grid_gap_rem": 0.75
    }
  },
  "components": {
    "brand": {
      "usp_bar": "black 44px: tagline with green word, 3 green checks + USPs, phone, round social icons",
      "header": "anthracite/transparent, italic white nav, purple 'Gratis demo' block button, sticky",
      "hero": "photo/video + dark overlay, italic h1 with green accent word, green uppercase CTA, device mockup right, green diagonal strip bottom",
      "button_primary": { "bg": "#a3cd24", "color": "#0a0a0a|#ffffff", "transform": "uppercase", "radius_rem": 0.25 },
      "button_outline_dark": { "border": "2px #ffffff", "color": "#ffffff" },
      "button_black": { "bg": "#000000", "color": "#ffffff" },
      "button_signal": { "bg": "#8900ffbf", "hover": "#8900ff" },
      "badge": { "bg": "#e3001b", "color": "#ffffff", "text": "NIEUW | VANAF" },
      "feature_tiles": "8 line icons in #ededed circles Ø90px with label, 5+3 grid",
      "pricing_cards": "3 white cards on black gradient, middle raised, italic titles (Lite black / Basic green / Pro teal), 48px price, green check list, ? tooltips, pill toggle <100/>100 members",
      "testimonial": "quote + round portrait + name/role; logo band greyscale; video carousel (Slick)",
      "cta_strip": "green→white gradient, diagonal top, email field + green button",
      "footer": "white team block then black 3-column footer, store badges, socials, review score"
    },
    "product": {
      "login_card": "round club logo Ø110, club name + 'Ledenwebportaal', flag dropdown, grey #f3f3f3 form panel with icon inputs, wide primary button, red 'Wachtwoord vergeten?'",
      "side_panel": "grey panel with 3 blocks (Lid worden / Plan jouw proefles / Reserveer jouw drop-in), black buttons",
      "trial_planner": "card: logo + 'Proefles planner', h1, select 'Kies een les', month nav, calendar grid with available days as solid primary-color blocks, step indicator",
      "tabs": "Material MDC tabs (.sbmtabs) e.g. Groepslessen / Workout programma",
      "calendar": "week view + list view, class cards with trainer + count, waitlist state",
      "footer": "ℹ Over <club> · © 2013–2026 | SportBit manager"
    }
  },
  "voice": {
    "address": "je/jij",
    "tagline": "Jouw sportieve business partner",
    "frames": ["tijd besparen (85% op administratie)", "businesspartner, geen leverancier", "Nederlandse support", "hechte community / retentie", "sturen op cijfers"],
    "vocabulary": ["gym/club/studio", "leden", "coaches/trainers", "lessen", "rittenkaart", "credits", "proefles", "drop-in", "wachtlijst", "backoffice", "clubapp", "community wall", "risicoleden", "no-shows", "Coachkantoor"]
  },
  "usage_for_agent": {
    "to_members": "use the club's portal theme (logo, primary color, photo) and SportBit vocabulary; avoid SportBit green",
    "to_gym_owners": "SportBit idiom as reference (dark canvas, green accent, italic headings) with MagicEverse magenta as sender",
    "to_sportbit": "full SportBit style; use their roadmap terms"
  }
}