Happly brand assets
===================

Which one do I use?
  Horizontal, light bg   ->  happly-wordmark.svg          (full colour)
  Horizontal, dark bg    ->  happly-wordmark-reverse.svg  (colour mark, white wordmark)
  Square / narrow space  ->  happly-vertical.svg          (stacked)
  Stacked on dark        ->  happly-vertical-reverse.svg
  One colour only        ->  happly-wordmark-black.svg    (all ink)
                             happly-wordmark-white.svg    (all white)

  The vertical lockup stacks the mark above the wordmark. Reach for it when
  the space is square or narrow - avatars, app tiles, event boards, merch.

The reverse lockup is the one to reach for on dark backgrounds. It keeps the
mark in full colour, so the centre bowl and the two pills stay distinct. The
all-white version flattens the mark into a single silhouette — only use it when
you are limited to one ink.

Files
  happly-wordmark.svg                  full-colour primary lockup
  happly-wordmark-reverse.svg          for dark backgrounds
  happly-wordmark-white.svg            single-colour white
  happly-wordmark-black.svg            single-colour ink
  happly-vertical.svg                  stacked lockup, full colour
  happly-vertical-reverse.svg          stacked, for dark backgrounds
  happly-vertical-white.svg            stacked, all white
  happly-vertical-black.svg            stacked, all ink
  *-512w.png / *-1024w.png             raster exports, transparent background
  *-on-black-1024w.png                 the same artwork on a solid dark panel
  happly-mark.svg                      colour emblem on a white tile (app icon, avatar)
  happly-mark-dark.svg                 the same tile on ink
  happly-emblem.svg                    the emblem alone, no tile
  happly-favicon.svg                   favicon
  brand-colours.txt                    the full palette with hex values

A note on the transparent PNGs
  The white and reverse PNGs have a transparent background, so they look blank
  when you open them in Finder or Preview against white. That is expected —
  drop them onto a dark background and they appear. If you just want something
  that previews correctly, use the -on-black versions.

Using the logo
  - Prefer the SVG. It stays sharp at any size.
  - Keep clear space of at least the wordmark's cap height on all sides.
  - Minimum width is 96px.
  - Do not recolour, stretch, rotate, add effects, or place the wordmark
    over a busy photograph.

Full brand guidelines: https://happly.ai/brand/
Questions: sean@happly.ai
