Adopt react-call() wordmark, retiring the accent dot#102
Merged
Conversation
The site brand mark was an accent dot + "react-call". Replace it with "react-call()" where the parentheses carry the accent color, evoking the library's imperative call() method. - Header/Footer: drop the leading dot; parens take --color-accent while the name stays --color-fg. Header v2 badge unchanged (sits outside the parens so the call metaphor stays clean). - favicon.svg: the dot was the icon mark; redraw it as "()" vector paths so it stays crisp and centered at 16px. - og.svg: top-left brand becomes react-call() with parens in the dark-bg accent.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
The mono react-call() wordmark and the sans nav links share a baseline, but Fira Code's ink reaches ~1px higher above it (tall ascenders + the parens) than Geist's, so the logo read slightly high. Nudge the whole logo down 1px (relative top-px) to align the optical centers.
Temporary guides — to be removed before merge: - a line at the header's 50% height - lines at the Star button's top and bottom edges A small script positions the Star-edge lines at runtime so they track the button across breakpoints.
Drop the relative top-px nudge so the wordmark sits on its natural baseline again. The temporary alignment guides stay in place for visual checking.
The offset is noticeable on the parentheses, so restore relative top-px to align the mono wordmark's optical center with the sans nav text. The temporary alignment guides remain in place.
Replace the emoji + text heading with the brand wordmark so the README matches the site. GitHub strips CSS from Markdown, so the accent parens ship as an SVG inside the h1; a <picture> swaps light/dark variants to follow GitHub's color scheme. alt="react-call" preserves the heading semantics.
Drops the red 50%/Star-edge guide lines and their positioning script added for visual checking. The wordmark and its optical nudge stay.
Keep the createCallable() one-liner above the hero, and place the use-case list right after the image so it reads as a caption to it.
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.
What
Replaces the site brand mark — an accent dot +
react-call— withreact-call(), where the parentheses carry the accent color. The empty parens evoke the library's imperativecall()method.The accent dot is fully retired: the parens are now the sole accent-carrier across every brand surface.
Changes
● react-call+v2react-call()+v2badge (parens accent;v2trails the parens, unchanged)● react-callreact-call()(parens accent)()redrawn as vector paths,#e11d74● react-calltop-leftreact-call(), parens in#ff3a8e(matches the existing dark-bg accent)In the wordmark, only the two paren glyphs take
--color-accent;react-callstays--color-fg. The headerv2badge sits outside the parens so the call metaphor stays clean (a version inside()would read as a call argument).The favicon — previously the dot itself — is redrawn as
()in vector paths (two mirrored quadratic arcs, stroke-4, round caps) so it stays crisp and centered at 16px without depending on a system font.Notes
CONTEXT.mdor ADR changes: a wordmark isn't a library-API domain term, and the change is trivially reversible (one span + two small SVGs), so it doesn't clear the ADR bar.astro buildandastro checkpass; built HTML confirms the new wordmark in header and footer.