HunnyDo identity
The mark is a honeycomb cell with a task checked off inside it — every completed step fills in a cell in the comb. It's built directly from tokens already live in the product (Marigold, Plum, the squircle radius scale, the same checkmark path used on every checkbox), so the logo reads as the app, not a sticker on top of it.
Logomark
01One hexagon, one checkmark. The corner-rounding matches the app's squircle system exactly (a round stroke join at 14 units on a 120 unit cell — the same relationship as a card's 24px radius on its container). Nothing about the mark is arbitrary: it's a cell from the comb, mid-completion.
Wordmark & lockups
02Set in Plus Jakarta Sans 800, same face and weight as every H1 in the product. "Hunny" stays Ink so the name reads first; "Do" takes Marigold-dk so the mark's color continues into the type instead of sitting apart from it.
Minimum size
03Below 20px the checkmark stroke starts to close up and read as a solid triangle rather than a check. At that scale, drop to the plain hex (no checkmark) — that's what the favicon and browser tab already do.
Usage
04Keep the hex on a solid, high-contrast field — white, Cloud, Plum, or Ink.
Don't rotate it, recolor the hex to a status color, or swap the checkmark for another icon.
Brand palette
05Pulled straight from the product's design tokens — the brand never has a different palette than the app it represents.
Icon system
06Every product icon is outline-only: 16–20px box, 1.3–1.4px stroke, round caps and joins, currentColor. No fills except the one place a filled icon is meaningful — a checkmark on a completed item. These three already exist in the app (item-type pills); this is them formalized as a set.
Favicon & app icons
07Existing exports, shown at native size, plus the sizes still worth generating from logo-mark.svg as the source file.
appletouchicon.png
favicon32x32.png| Size | File | Use |
|---|---|---|
| 16×16, 32×32 | favicon.ico | Browser tab |
| 180×180 | apple-touch-icon.png | iOS home screen |
| 192×192, 512×512 | android-chrome-*.png | PWA / Android home screen |
| 1200×630 | og-image.png | Link preview — lockup on Plum, centered |
Source files in this kit
08- logo-mark.svg
- Primary marigold hex + ink checkmark, transparent background.
- logo-mark-reverse.svg
- Plum hex + cloud checkmark, for dark or photographic backgrounds.
- logo-mark-mono.svg
- Single-color outline, for stamps, embossing, and print that can't hold two colors.
- logo-lockup-horizontal.svg
- Mark + wordmark, vector, for headers and letterhead.
HunnyDo Brand Kit v1.0 — built on the same tokens as the product design system. Marigold, Plum, and the squircle radius scale are the single source of truth; this file just applies them to the mark.