branding: regenerate app icons from the new logo - #344
Draft
yjp20 wants to merge 15 commits into
Draft
Conversation
- restyle the landing page: TUI-framed keymap panels, terminal-style download buttons/platform switch, blinking prompt cursor - square off borders/radii across the docs (code blocks, admonitions, search, buttons) to match the monospace-web base - group the sidebar into Docs / Reference / Misc tree sections - restyle search as an fzf-style command palette: one entry per line with full header paths (via processResult), amber match highlights, whole-row links, and a larger default page size - demote changelog versions to h2 so header paths include them, and group the TOC by the shallowest selected heading level to support h2-only selectors Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- drop the `• ` bullet prefix from generated API headers and indent entries by heading depth instead, including method signatures rendered as invisible headers - replace the `/` search button with a `Search (/)` entry at the top of the sidebar tree - tighten the search palette spacing by overriding pagefind's default drawer gap and message sizing Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Entry bodies are tagged with their heading depth at runtime as the rendered markdown is a flat list of siblings, so this cannot be done in CSS alone. Also scopes the indentation to the API page; `code-heading` applies to any heading containing code, so the previous rules leaked into other pages. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
A Conway's Game of Life glider - the classic hacker emblem, and literally a glider. `logo.svg` is the tiled app-icon variant and `logo-inline.svg` uses currentColor so it adapts to the surrounding theme when inlined. Not wired into the site chrome yet. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- inline the currentColor glider in the sidebar heading so it follows the theme - prefer the SVG favicon with a PNG fallback - deploy the new logo assets Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The glider now sits in the tree gutter, as the root of the tree. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The sidebar glider steps through its four actual Life generations while hovered. The svg grid is the union of all four generations' cells, each classed with its alive-mask which CSS steps through discretely; the amber cell is alive in every generation so the accent persists. Gated behind prefers-reduced-motion. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The global `label` styles round the width down to a whole ch. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
A two-facet paper dart mid-glide: wing in currentColor (theme-aware when inlined), keel in the site's amber accent. On hover it glides up-right. Replaces the Game of Life cells and their animation. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Both are bordered boxes inset from the viewport edges; the mobile drawer keeps just a right border. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This reverts commit 81cf8aff7c71c92e4aa4d5c05a292dea1488d2f3.
The body's top padding pushed the 100vh sidebar one line down, so it overflowed the viewport bottom until scrolled past the padding. Cancel it with a negative margin and pin the flex item to the start. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Replaces the `> Glide` prompt heading and its blinking cursor. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The vim command line as a mark: a currentColor `:` prompt (theme-aware when inlined) and the amber block cursor. On hover the cursor blinks. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
All primary identity assets rebuilt from the `:` + block cursor mark on the dark tile: logo/default png sets, logo-mac (HIG margins), firefox.icns, firefox.ico/firefox64.ico, Windows VisualElements tiles, and a purple-cursor variant for private browsing. Rasterized from logo.svg with alpha at each exact size. The docs favicon/og-image bitmaps are updated too, and the now-unreferenced logo webp files are removed. Not regenerated (follow-up): document/disk icons, newtab/newwindow icos, DMG background, and installer wizard art. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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
1 participant
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.
Stacked on #343 — contains its commits; only the final
branding:commit is new. Keep as draft until #343 lands, then this can be rebased/marked ready.Regenerates the primary identity assets from the new
:▉(vim command line) logo adopted in #343:logo{16..1024}.png+logo.pngand the Linuxdefault*.pngset — dark tile mark, alpha at every exact size (no downscaling)logo-mac.png— tile with Apple HIG margins on the 1024 canvasfirefox.icns— full iconset (16→512@2x) viaiconutilfirefox.ico/firefox64.ico— PNG-compressed entries matching the originals' structure (single 256 / single 64)VisualElements_{70,150}.png— bare mark with alpha, per the manifest's#14171atile backgroundPrivateBrowsing_{70,150}.pngandpbmode.icologo.png(favicon fallback) andlogo1024.png(og:image) updated; the now-unreferencedlogo.webp/logo@2x.webpremoved along with their deploy entriesDeliberately not regenerated (derivative/design-heavy, follow-up material):
document.*/disk.icns,newtab.ico/newwindow.ico, the DMGbackground.png, and the installer wizard BMPs — these still carry the feather.Assets were rasterized headlessly from
logo.svg(browser canvas at exact pixel sizes, alpha preserved);.icnsverified by round-tripping throughiconutil,.icocontainers structurally verified. Worth a visual once-over of the built app icon on each platform before shipping.🤖 Generated with Claude Code