CHECKMX LOGO PACK
================

LOGO
- logo/   Full lockup ("check" + MX mark) and the MX mark alone. SVG (scalable) + PNG (transparent).
    primary   slate "check", navy MX, blue check. Use on white or light backgrounds.
    on-blue   for blue (#2563EB) backgrounds
    on-navy   for navy (#0F2A6B) backgrounds
    navy / blue / white   one-color versions
- app-icon/   Square icon tiles (blue, white, navy), 1024 + 512 PNG + SVG
- favicon/    favicon.ico (16/32/48), favicon.svg, apple-touch-icon.png (180), icon-192, icon-512

COLORS
  Blue    #2563EB   rgb(37, 99, 235)    primary
  Navy    #0F2A6B   rgb(15, 42, 107)    MX letters, dark backgrounds, headings
  Sky     #60A5FA   rgb(96, 165, 250)   check color on navy
  Slate   #5B6B86   rgb(91, 107, 134)   "check" in wordmark, secondary text
  Ice     #EFF6FF   rgb(239, 246, 255)  light backgrounds
  White   #FFFFFF

TYPE
  Inter (Medium for "check" in the wordmark, Semibold/Bold for headings). Free on Google Fonts.

USAGE
- Write the name as "CheckMX" in text.
- Clear space: keep empty space around the logo at least half the height of the M.
- Minimum size: full logo 100px wide; mark alone 24px. Below 24px use favicon files.
- Don't stretch, rotate, recolor the check, add effects, or place on busy/low-contrast backgrounds.

FAVICON HTML
  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">