fix(brand): redraw the in-app manatee mark to match the mascot - #11
Conversation
The flat silhouette behind the action-bar button and the overlay header logo was drawn independently of the illustrated mascot on assets/icon.jpg and assets/banner.jpg. It faced the opposite direction, had no muzzle or eye, and at the 18px button size read as a shapeless blob. Redrawn from the mascot: same right-facing pose, blunt muzzle, eye punched through with fill-rule=evenodd, two trailing flippers, broad paddle tail. Still one color and no fill attributes, so the inline header logo keeps taking var(--fm-accent) and the button keeps working as a CSS mask with the hover-to-accent tint. Closes #6
There was a problem hiding this comment.
Pull request overview
This PR updates FileManaty’s in-app brand mark so the SVG used in the overlay header and top action-bar button matches the existing mascot artwork (icon/banner), while keeping the same single-color behavior for theming and CSS masking.
Changes:
- Redraw
MANATEE_SVGto a right-facing manatee silhouette with an eye cutout usingfill-rule="evenodd". - Bump package version to
0.12.1. - Add a
v0.12.1changelog entry describing the brand-mark update.
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
web/filemanaty.js |
Replaces the in-app manatee SVG used for both inline logo rendering and CSS mask icon. |
filemanaty/__init__.py |
Version bump to 0.12.1. |
CHANGELOG.md |
Adds release notes for v0.12.1 covering the updated in-app mark. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
assets/screenshot.jpg was a marketing composite whose tablet held a mocked-up UI, not the extension: the version pill read "s:6 2)" and the toolbar said "Miron Patoe" / "Mitfaies". It also baked in the old flat mark twice — once as the hero mark, once in the fake app header. Composited a real capture of the running extension into the existing tablet frame (real tree, toolbar, selection state and preview pane with PNG metadata), and replaced the hero mark with the redrawn one, sampling the original's gradient and glow so the treatment is unchanged. Background art, wordmark and tagline are untouched. 2.0 MB -> 439 KB.
|
Extended per discussion — the identity audit missed a spot.
Worse, the UI inside that tablet was never real. Zoomed in, the version pill read Second commit composites an actual capture of the running extension into the existing tablet frame:
Background art, wordmark and tagline are untouched. File is 2.0 MB → 439 KB. The grid contents are generated placeholder art dropped into the container's For the record, the registry side needed nothing: |
The hero was violet and circuit-board themed while the Registry icon and banner are teal underwater — it was the one asset off-identity for #6. Regenerated on the mascot's palette, with a real Playwright capture of the running extension composited onto the laptop screen. The generated art had redrawn the UI into garbled labels ("FileMonsty", "Doolras / Sxpes"), the same defect the previous hero carried, so the screen area is replaced with the actual capture rather than trusting the prompt. 2.0 MB -> 277 KB.
Closes #6.
The inconsistency
assets/icon.jpg(Registry icon) andassets/banner.jpgalready agree with each other — same illustrated manatee-with-backpack mascot, facing right. The odd one out wasMANATEE_SVGinweb/filemanaty.js, the flat mark used in two places: the ComfyUI action-bar button (as a CSS mask, ~18px) and the overlay header logo (inline, 26px).It was drawn independently of the mascot — faced left, no muzzle, no eye, tail flipper on the wrong end. At button size it read as a lumpy cloud rather than an animal.
The change
One constant. Redrawn from the mascot: right-facing pose, blunt muzzle, eye punched through with
fill-rule="evenodd", two trailing flippers, broad paddle tail.Shapes still carry no
fillattribute and the mark is still a single color, so both consumers are unaffected:var(--fm-accent)-webkit-maskdata-URI and keeps the hover-to-accent tintThe raster assets are untouched.
Verification
pytest— 293 passed, 1 skippednode --test tests/test_upload.mjs— 3 passed