HotDog CMS logo bundle
======================

The mark (picked 2026-10-10): a kitten-style dog drawn from the Coffey Labs
family kitten (same skull, closed eyes, stroke weights and peek pose; drop
ears, muzzle and tongue in place of pointed ears and whiskers).

Full mark, concept C "Live preview": the dog peeks over a browser window whose
kitten page is half markup (blueprint) and half rendered, with the split
handle between them. Small cut, concept A "Peek": the dog over a plain window,
for 40 px and below. Both sit on the mustard ground. The head sits low so the
chin tucks in behind the paws.

Wordmark, concept X2 "Code and casual" (picked 2026-10-10): "Hot" in plain
monospace drawn as a hollow outline (the markup), "Dog" in heavy casual sans
(the rendered page), a mustard split line between them, and a "cms" pill.
All three are Recursive (SIL OFL), converted to outlines:
  Hot  MONO 1, CASL 0, wght 700     Dog  MONO 0, CASL 1, wght 900
  cms  MONO 1, CASL 1, wght 700 at 0.38 em

Rebuild everything:  python3 source/gen.py   (needs rsvg-convert)
source/base.py holds the shared drawing (dog, kitten, paws, window).
source/word.json holds the wordmark outlines and the social card's text
(tagline: "Write in Markdown. See it live. Publish from git."; change
TAGLINE in word.py). Only to change the type or the text:
  python3 source/word.py <Recursive variable .ttf>
  (needs fonttools, skia-pathops, uharfbuzz; font from github.com/google/fonts,
  ofl/recursive)


Files
-----
svg/icon-tile.svg            app icon: full mark on the mustard rounded tile
svg/icon-tile-square.svg     same, square corners (apple-touch; iOS rounds it)
svg/icon-flat.svg            full mark on transparent
svg/icon-small.svg           SMALL CUT on transparent, for inline marks at 40 px and below
svg/favicon.svg              SMALL CUT on the tile, for 40 px and below
svg/avatar.svg               small cut, full-bleed square for round crops
                             (Gitea, GitHub, Discord, forum); the window runs
                             off the bottom so a circle crop curves it

png/favicon-16/32/48.png     from favicon.svg (small cut)
png/favicon-180.png          apple-touch, from icon-tile-square.svg
png/favicon-192/512.png      from icon-tile.svg
png/icon-tile-512/1024/2048.png
png/icon-flat-1024.png
svg/wordmark-{light,dark}.svg          name only, transparent
svg/wordmark-mono-{black,white}.svg    one color; "cms" knocked out of the pill
svg/logo-horizontal-{light,dark}.svg   full mark + name, hero and README use
svg/logo-header-{light,dark}.svg       SMALL CUT + name, for site headers
                                       where the lockup is 40 px tall or less
svg/logo-stacked-{light,dark}.svg      mark over name
svg/social-preview.svg                 1280x640 card, concept S2 "Big preview": the dog
                                       over a window split into Markdown source
                                       and the rendered page; all text in outlines

png/avatar-512.png
png/wordmark-{light,dark}.png          1280 wide
png/logo-horizontal-{light,dark}.png   1280 wide
png/logo-header-{light,dark}.png       640 wide
png/logo-stacked-{light,dark}.png      720 wide
png/social-preview.png                 1280x640


Colors
------
#F4BE2C  mustard: ground, split line and handle
#E4483A  ketchup: page heading bar, first window dot
#1A1310  outline ink
#E8B57A  dog fur      #9A5A2E  ears      #FBE9CF  muzzle      #EF7486  tongue
#F9A34C  kitten fur (family)   #F47F35  kitten inner ear   #E6690E  whiskers
#FFF8EC  page        #D9CBB4  page text lines
Wordmark: light  #1A1310 name, #E0A81C split, #D93A2B pill, #FFFDF8 pill text
          dark   #FFF8EC name, #F4BE2C split and pill, #1A1310 pill text
          (ketchup on light grounds: mustard on cream is too faint to read)
#0E2340  blueprint ground   #4EA8FF  blueprint grid   #DCEBFF  blueprint line
         (the Coffey Labs blueprint colors)


Rules
-----
- Use the small cut (favicon.svg / avatar.svg / icon-small.svg) at 40 px and
  below. The full mark's page, kitten and split turn to mush that small.
- The name is written "HotDog CMS" in prose. The lockups set "cms" lowercase
  in the pill.
- There is no one-color version of the mark itself (the half-rendered page
  needs its colors). Use the one-color wordmark alone.
- On the mustard ground (social card) the wordmark uses an ink name and pill
  with mustard "cms" and a ketchup split line.
- The three window dots (red, mustard, green) stand for the beginner,
  intermediate and advanced views. The small cut drops them.
- Never borrow from the original HotDog (Sausage Software) box art or icon,
  and never use "Pro" in the name.
- No mascot name in any art, title or alt text.