Unify Steno icon, naming, and typeface across app/website/docs#321
Open
WilliamDrewett wants to merge 2 commits into
Open
Unify Steno icon, naming, and typeface across app/website/docs#321WilliamDrewett wants to merge 2 commits into
WilliamDrewett wants to merge 2 commits into
Conversation
Change hero headline to "AI for your private conversations."
…bsite/docs Icon, product name, and heading font had drifted out of sync across surfaces: the app tray/menu still said "StenoAI" while Dock, website, and docs said "Steno" (a prior rebrand never finished); at least four separate hand-copied SVGs of the dragonfly mark existed and had diverged, including an unrelated off-brand placeholder image on the docs favicon and wordmark; and the display serif was Charter in most places. - Roll out one canonical mark (brand/mark.svg) everywhere: macOS .icns, Windows .ico, tray icons (idle + recording states), favicons, and the website/docs badges. Background settled on ink-900 (#1B1B19) to match the existing brand token, replacing an inconsistent #3D3D39. - The macOS/Windows tray icon is a monochrome "template" image (black shape + transparent background) - the OS re-tints it automatically for light or dark menu bars, so one asset covers both themes. - Replace "StenoAI"/"stenoAI" with "Steno" in all user-facing copy (tray menu, error dialogs, OAuth callback pages, site metadata, legal pages, contributor docs). Technical identifiers are untouched: stenoai:// scheme, bundle ID, data paths, CLI binary name, artifact filenames. - Replace Charter with Ovo (self-hosted woff2, single 400 weight) as the display/heading serif in the app, website, and docs. Fixes a Mintlify page-title bug where a hard-coded font-bold class made Ovo render as a browser-synthesized fake-bold instead of the intended weight. - Fix a .gitignore bug where a bare `docs/` pattern (meant for an unrelated scratch folder) was silently excluding new files added to the real docs site. Needs a follow-up look: - website/public/og-image.png and readme.png are screenshots of the running app, not logo files - still show the old UI, need a fresh capture once this merges. - Sidebar.tsx and AppWindowDemo.jsx each inline their own copy of the mark instead of importing the AppIcon/StenoMark components already in the same build - minor duplication, left alone to keep this change's blast radius contained. - DMG/exe artifact filenames still say "stenoAI" - left as-is since renaming touches the release workflow, not a code change. - The new mark has sharper stroke caps/joins than the old one (matches the approved source art exactly) - a visible style difference worth knowing about, not a bug.
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
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.
Why
Icon, product name, and heading font had drifted out of sync across surfaces. Specifically:
This PR makes all of it consistent in one pass.
What changed
brand/mark.svg) rolled out everywhere — macOS.icns, Windows.ico, tray icons (idle + recording states), favicons, and the website/docs badges. Background settled on ink-900 (#1B1B19) to match the existing brand color token, replacing an inconsistent#3D3D39that was used in a couple of places."StenoAI"/"stenoAI"→"Steno"in all user-facing copy — tray menu, error dialogs, OAuth callback pages, site metadata, legal pages, contributor docs. Every technical identifier is untouched: thestenoai://deep-link scheme, bundle ID, data paths, CLI binary name, and release artifact filenames.woff2, single 400 weight) replaces Charter as the display/heading serif in the app, website, and docs. Along the way this caught and fixed a real bug on the docs site: Mintlify hard-codes afont-boldclass on the page title, and since Ovo has no real bold weight, that was forcing the browser to synthesize a fake-bold — headings looked inconsistent as a result..gitignorefix: a baredocs/pattern (meant for an unrelated scratch-notes folder) was silently swallowing new files added to the real docs site. Anchored it to the actual folder it was meant for.Needs a follow-up look
website/public/og-image.pngandreadme.pngare screenshots of the running app, not logo files — they still show the old UI and need a fresh capture once this merges, not a static asset swap.Sidebar.tsxandAppWindowDemo.jsxeach inline their own copy of the mark instead of importing theAppIcon/StenoMarkcomponents that already exist in the same build. Real but minor duplication — left alone to keep this PR's blast radius contained rather than bundling a component refactor in with the rebrand.stenoAI-macos-arm64.dmg, etc.) still saystenoAI— left deliberately, since renaming touches the release workflow and download links; a decision for a dedicated release-mechanics change, not a copy fix.Test plan
!importantfixed.tsc --noEmiton the renderer passes clean.electron-builder --dirpack in dev).Summary by cubic
Unifies the Steno brand across app, website, and docs: one canonical dragonfly mark, “Steno” in UI copy, and Ovo for display headings. Aligns icons, fonts, and copy, and fixes a docs bolding glitch.
Refactors
brand/mark.svgeverywhere (.icns/.ico, tray idle/recording template icons, favicons, website/docs badges); unify background to ink-900#1B1B19.stenoai://scheme, bundle ID, paths, CLI, artifact names.woff2) across app/website/docs; fixes Mintlify title fake-bold; adjusts docs nav logo size for legibility..gitignorerule toapp/renderer/docs/so repo-rootdocs/isn’t excluded; update tests/copy to match naming.Migration
website/public/og-image.pngandreadme.pngscreenshots.Written for commit d51f65d. Summary will update on new commits.