{
  "id": "html5up-hyperspace",
  "kind": "site-template",
  "title": "Hyperspace sidebar site",
  "summary": "A bold one-page site with a fixed sidebar menu that tracks your scroll position, full-height sections that fade up and a green-to-lime gradient underline.",
  "url": "https://enrichr.dev/templates/html5up-hyperspace.html",
  "section": "page",
  "techniques": [
    "scroll-driven",
    "reveal"
  ],
  "stack": [
    "HTML",
    "CSS",
    "jQuery"
  ],
  "mood": [
    "bold",
    "modern"
  ],
  "intents": [
    "startup landing page",
    "one page site with sidebar",
    "scroll spy navigation",
    "services page",
    "feature sections"
  ],
  "motion": [
    "Each section fades up as it scrolls into view.",
    "The sidebar highlights the section you are reading and draws a gradient underline under it.",
    "Menu links scroll smoothly to their section; on small screens the sidebar becomes a top bar."
  ],
  "demo": "https://enrichr.dev/vendor/html5up/hyperspace/index.html",
  "download": "https://enrichr.dev/vendor/html5up/hyperspace.zip",
  "source": {
    "name": "HTML5 UP",
    "author": "AJ (@ajlkn)",
    "license": "CC BY 3.0",
    "licenseUrl": "https://html5up.net/license",
    "url": "https://html5up.net/hyperspace"
  },
  "license": "CC BY 3.0 by HTML5 UP (https://html5up.net/license); keep the HTML5 UP credit. Recoloured by Enrichr: only colour values changed.",
  "colours": {
    "map": {
      "#312450": "#0c1e18",
      "#261c3e": "#07130f",
      "#3c2c62": "#1a3129",
      "#5e42a6": "#005236",
      "#493382": "#003d28",
      "#5052b5": "#126e45",
      "#3e4094": "#0c5435",
      "#b74e91": "#1a7a4c",
      "#953d75": "#125a37",
      "#ffffff": "#fbf8f1",
      "#000000": "#050d0a"
    },
    "scoped": [
      {
        "sel": "h1\\.major:after|#sidebar nav a:after",
        "from": "#b74e91",
        "to": "#e6ff55",
        "where": "the heading underline and the sidebar menu indicator"
      },
      {
        "sel": ":checked \\+ label:before",
        "from": "#b74e91",
        "to": "#e6ff55",
        "where": "ticked checkboxes and radio buttons"
      }
    ]
  }
}