HostPane logo kit (Monogram)

WHICH VERSION TO USE
  Light version  (navy tile, white H)   -> on white or light backgrounds
  Dark version   (white tile, navy H)   -> on navy, black or dark photos
  One colour     (mono-black / mono-white) -> print, stamps, embroidery,
                  anywhere only one ink is allowed

FILES
  svg/hostpane-logo-light.svg / -dark.svg          horizontal logo (default)
  svg/hostpane-logo-stacked-light.svg / -dark.svg  mark above the name
  svg/hostpane-mark-light.svg / -dark.svg          the H tile on its own
  svg/hostpane-logo-mono-*.svg, hostpane-mark-mono-*.svg  one-colour versions
  png/                                             PNG copies (logos 878x192, icons 512x512)
  web/favicon.svg     browser tab icon; switches to the dark version by itself
                      when the browser is in dark mode
  web/favicon.ico, favicon-16/32.png, apple-touch-icon.png, icon-192.png

  Use the SVGs wherever possible: they stay sharp at any size.
  The name is converted to outlines, so no font needs to be installed.

COLOURS
  Navy    #0F172A   tile (light) / letter (dark)
  White   #FFFFFF
  Orange  #F97316   the window pane (keep it orange in both versions)

FONT
  Space Grotesk Bold (SIL Open Font License), letter spacing -3.2%.
  Use it for headings that sit next to the logo.

SPACING
  Keep clear space around the logo at least half the tile's width.
  Below 32 px use favicon-16/32, which has heavier bars and no window lines.
