95 lines
4.6 KiB
Plaintext
95 lines
4.6 KiB
Plaintext
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.
|