Rebrand: solid logo, Fredoka wordmark and new link preview - #11
Merged
Merged
Conversation
The logo is now a solid rounded diamond with the flame cut out of it. Its corners follow Agent's mark (the same rounded diamond with a face), so the app and the agent read as one family, and the flame is 95% of its original size so the cut still shows at 16px in the title bar. It is one currentColor path, so it keeps working in a single ink and in white on dark themes. - logo.svg and its copies in public/, resources/ and src/assets/ (ink and white), and KarbonizedLogoFlat in Icons.tsx - app icons rendered from it on the #1C1B1B tile: PWA icons and favicon, Electron (png, ico, icns), Tauri and the legacy electron/ app - the app name uses a new font-brand token (Fredoka Variable, from @fontsource-variable/fredoka) on the start screen, the About dialog and the wizard header; the wizard header drops its copy of the old mark - CHANGELOG and AGENTS.md describe the new mark and where it lives Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014zuyuq6TL2CGNE68a1rzaX
The link preview still showed the old gradient logo and a v1 screenshot. The new one (public/og-image.png, 1200x630) uses the solid logo, the Fredoka wordmark and the rose accent: "The programmable image editor", with an HTML block, the post it becomes and Agent filling it in. The meta tags point to it with an absolute URL, as link previews need, and give its size and alt text. The file is renamed so previews that cached /image.png pick up the new one. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014zuyuq6TL2CGNE68a1rzaX
The Open Graph and Twitter tags (page URL and preview image) and the default address in the window block's URL bar point to karbonized.yoss.pro instead of karbonized.onrender.com. The block catalog keeps the same default as the block. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014zuyuq6TL2CGNE68a1rzaX
The page title, the meta description and the Open Graph and Twitter titles and descriptions now match the new preview image: "Karbonized: the programmable image editor", designing with blocks, with code or with an AI agent. The PWA manifest, package.json, the Tauri bundle and the About dialog use the same line instead of "Image Generator". Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014zuyuq6TL2CGNE68a1rzaX
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Deploying karbonized with
|
| Latest commit: |
a70ec29
|
| Status: | 🚫 Build failed. |
This was referenced Sep 27, 2026
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What changes
Logo. The mark is now a solid rounded diamond with the flame cut out of it. Its corners follow Agent's mark (the same diamond with a face), so the app and the agent read as one family, and the flame is 95% of its original size so the cut still shows at 16 px in the title bar. It is one
currentColorpath, so it works in a single ink and in white on dark themes.logo.svgand its copies inpublic/,resources/andsrc/assets/(ink and white), andKarbonizedLogoFlatinIcons.tsx#1C1B1Btile: PWA icons and favicon, Electron (png,ico,icns), Tauri and the legacyelectron/appWordmark. The app name uses a new
font-brandtoken (Fredoka Variable,@fontsource-variable/fredoka) on the start screen, the About dialog and the wizard header. Running UI text stays in Figtree. The wizard header drops its inline copy of the old mark.Link preview. New Open Graph image (
public/og-image.png, 1200×630): "The programmable image editor", with an HTML block, the post it becomes and Agent filling it in. The meta tags use an absolute URL and give the image's size and alt text; the file is renamed so previews that cached/image.pngpick up the new one.Domain and copy.
karbonized.yoss.proreplaceskarbonized.onrender.comin the meta tags and in the default URL of the window block (the block catalog keeps the same default). The page title, the meta, Open Graph and Twitter descriptions, the PWA manifest,package.json, the Tauri bundle and the About dialog describe Karbonized as "the programmable image editor".Docs.
CHANGELOG.md(the 2.0.0 "New look" entry) andAGENTS.mddescribe the new mark, where it lives and when to usefont-brand.Checks
tsc --noEmit: cleanyarn lint: 0 errors (the 2 warnings inIcons.tsxwere already there)yarn test: 340 passedvite build: passes, Fredoka is bundledNot checked: the desktop builds (Electron, Tauri) with the new
ico/icns, and whetherhttps://karbonized.yoss.pro/og-image.pngis served once deployed.🤖 Generated with Claude Code
https://claude.ai/code/session_014zuyuq6TL2CGNE68a1rzaX
Generated by Claude Code