[
  {
    "id": "header_command_dock",
    "header_style_id": "command_dock",
    "label": "Minimal Product Nav",
    "concept": "Clean product header with left logo mark, centered links, and rounded primary CTA.",
    "desktop_structure": "logo left, nav center, CTA right",
    "mobile_structure": "logo + CTA + menu",
    "sizing": {
      "container_max_width": 1820,
      "gutter_mobile_px": 16,
      "gutter_desktop_px": 28,
      "height_mobile_px": 68,
      "height_desktop_px": 82
    }
  },
  {
    "id": "header_editorial_masthead",
    "header_style_id": "editorial_center_masthead",
    "label": "Journal Masthead",
    "concept": "Editorial masthead with centered publication title and uppercase category nav.",
    "desktop_structure": "centered masthead title and nav",
    "mobile_structure": "stacked centered title + compact nav",
    "sizing": {
      "container_max_width": 1820,
      "gutter_mobile_px": 16,
      "gutter_desktop_px": 28,
      "height_mobile_px": 94,
      "height_desktop_px": 120
    }
  },
  {
    "id": "header_split_brand_rail",
    "header_style_id": "split_brand_rail",
    "label": "Corporate Split Rail",
    "concept": "Enterprise split header with brand/divider cluster, nav, and auth actions.",
    "desktop_structure": "brand + divider + nav left, auth/CTA right",
    "mobile_structure": "brand + CTA row with condensed nav",
    "sizing": {
      "container_max_width": 1820,
      "gutter_mobile_px": 16,
      "gutter_desktop_px": 28,
      "height_mobile_px": 70,
      "height_desktop_px": 82
    }
  },
  {
    "id": "header_floating_glass_pill",
    "header_style_id": "floating_glass_pill_nav",
    "label": "Glass Capsule",
    "concept": "Floating blurred capsule with gradient wordmark, nav, and icon CTA.",
    "desktop_structure": "centered capsule shell",
    "mobile_structure": "compact capsule with icon action",
    "sizing": {
      "container_max_width": 1000,
      "gutter_mobile_px": 14,
      "gutter_desktop_px": 24,
      "height_mobile_px": 70,
      "height_desktop_px": 82
    }
  },
  {
    "id": "header_utility_primary",
    "header_style_id": "utility_plus_primary",
    "label": "Utility Enterprise Bar",
    "concept": "Two-tier enterprise header with top utility strip and primary nav row.",
    "desktop_structure": "utility strip + full nav row",
    "mobile_structure": "condensed utility + primary row",
    "sizing": {
      "container_max_width": 1820,
      "gutter_mobile_px": 16,
      "gutter_desktop_px": 28,
      "height_mobile_px": 92,
      "height_desktop_px": 112
    }
  },
  {
    "id": "header_precision_edge_bar",
    "header_style_id": "precision_edge_bar",
    "label": "Precision Edge Bar",
    "concept": "Sharp-edged single-row header with crisp divider rhythm and rectangular call CTA.",
    "desktop_structure": "brand left, nav center, rectangular CTA right",
    "mobile_structure": "hard-edge compact bar with CTA + menu",
    "sizing": {
      "container_max_width": 1820,
      "gutter_mobile_px": 16,
      "gutter_desktop_px": 28,
      "height_mobile_px": 68,
      "height_desktop_px": 80
    }
  },
  {
    "id": "header_brutalist_frame",
    "header_style_id": "brutalist_frame_nav",
    "label": "Brutalist Frame",
    "concept": "Hard-edge framed header with boxed brand rail, framed nav, and assertive block CTA.",
    "desktop_structure": "boxed brand rail left, framed nav center, block CTA right",
    "mobile_structure": "stacked hard-edge frame with boxed action row",
    "sizing": {
      "container_max_width": 1820,
      "gutter_mobile_px": 16,
      "gutter_desktop_px": 28,
      "height_mobile_px": 72,
      "height_desktop_px": 86
    }
  }
]