Repository navigation
docs: crisp, theme-aware logo on the landing page - #298
Open
ChristopherPHolder wants to merge 2 commits into
Open
ChristopherPHolder wants to merge 2 commits into
ChristopherPHolder wants to merge 2 commits into
Conversation
The 170px PNG mark blurred at hero size and on high-density screens, its black outline vanished in dark mode, and on mobile the hero repeated the logo right under the header. - Rebuild the mark as vector art from the PNG: the outline is the line work's centre line refitted as even-width strokes, the portholes and antenna tip are true rings, and the dome fills are smoothed palette regions. 26 KB, 11 KB gzipped. - Draw it with <svg><use> so the outline (stroke) and body (color) follow new --logo-ink / --logo-paper tokens, light and dark. - Show the hero mark only on wide screens, aligned with the top of the hero copy.
The docs build needs Node >=22.19 (see engines). On 22.18 Angular's route extraction crashes with "Cannot read properties of undefined (reading 'exports')", so let nvm pick up a current Node 22.
❗❗❗ report generated by this PR ❗❗❗☕ Order Coffee ☕Date/Time: 2026-10-31 10:56
|
☕ Order Coffee ☕Date/Time: 2026-10-31 10:56
|
This branch has not been 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
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
The landing page logo looked pixelated on large and high-density screens, sat awkwardly in the hero, and showed up twice on mobile. Its black outline also almost disappeared in dark mode.
images/user-flow-mark.svg, rebuilt from that PNG rather than redrawn. The outline is the centre line of the original line work, refitted as smooth even-width strokes. The portholes and antenna tip are true rings, and the dome fills are smoothed regions in the original palette. It's 26 KB (11 KB gzipped).<svg><use href="images/user-flow-mark.svg#mark">. The outline (stroke) and body (color) follow new--logo-ink/--logo-papertokens, so in dark mode the UFO has a light outline on a dark body. Opened on its own, the file still renders black on white..nvmrc:nx build docscrashes during route extraction on Node 22.18 (Cannot read properties of undefined (reading 'exports')). The repo already requires>=22.19, so.nvmrcletsnvm usepick a current Node 22.Checked
nx build docson Node 22.22.3: 18 routes prerendered. I served the built site under/user-flow/and the mark resolves from nested docs pages.