HATCH — BRAND KIT
=================

Tagline:  Your app. Hatched in days.

CONTENTS
--------
Logomark "H." (scalable SVG — use these wherever possible):
  hatch-mark-dark.svg        H. mark for dark backgrounds (off-white H + lime dot)
  hatch-mark-light.svg       H. mark for light/white backgrounds (ink H + lime dot)
  hatch-mark-mono-ink.svg    Single-colour ink (one-colour print / dark-on-light)
  hatch-mark-mono-white.svg  Single-colour white (reversed on photos/dark fills)
  hatch-app-icon.svg         Rounded ink app tile (favicon / app icon)

Wordmark "Hatch." (PNG, Space Grotesk baked in):
  hatch-wordmark-dark.png / hatch-wordmark-light.png

Lockups (mark + wordmark; PNG):
  hatch-lockup-horizontal-dark.png / -light.png
  hatch-lockup-stacked-dark.png    / -light.png

App / favicon raster (in /assets):
  favicon-32.png, favicon-48.png, apple-touch-icon.png (180), icon-192.png, icon-512.png

COLOUR
------
Ink           #0B0E0C   primary canvas / dark backgrounds
Electric Lime #C6FF3A   accent only — CTAs, the dot, highlights (never a full wash)
Off-white     #F4F6F2   text / marks on dark
Surface       #1C2620   raised cards on dark
Surface-2     #131A16   deeper panels
Muted         #8C988F   secondary text

TYPE
----
Display / wordmark : Space Grotesk (700 / 600 / 500)
Body               : Inter (400 / 500 / 600)

USAGE — DO
----------
- Keep clear space around the mark equal to the height of the lime dot on all sides.
- Use the on-dark mark on ink/dark; the on-light mark on white/light.
- Keep the lime dot. It is the signature of the brand.

USAGE — DON'T
-------------
- Don't recolour the H to arbitrary colours or recolour the dot.
- Don't stretch, rotate, skew, or add shadows/outlines/gradients to the mark.
- Don't place the mark on a busy or low-contrast background.
- Don't use lime as a large background fill — it is an accent.

Full living guidelines: https://appstudio-site.vercel.app/brand
© Hatch. All rights reserved.
