chore: update logo to new brand design - #1344
Merged
Merged
Conversation
Replaces the italic wordmark with the upright one from the new brand book. The flame icon is unchanged (verified identical geometry), so logo-hero.svg stays as is. - title.svg / title-dark.svg: upright wordmark, monochrome (black on light, white on dark) per the brand guidelines - logo-horizontal.svg / -dark.svg: new full horizontal lockup - READMEs now use the horizontal lockup via <picture> so it adapts to the GitHub theme; drops the now-redundant <h1> - adds the missing og-image.png referenced by docusaurus.config.js
Swaps the README header to the vertical lockup from the brand book (flame above a centred wordmark, tight bounding box) and points the images at the in-repo files with relative paths instead of absolute raw.githubusercontent.com URLs. GitHub rewrites relative paths in both img src and source srcset, so the theme-aware <picture> still works and the images also resolve in PR previews.
…from badges The vertical lockup on brand-book p7 centres 'React Native' over 'ExecuTorch' (centre delta 0.00), while the typography master the wordmark was extracted from is left-aligned. Shift line one by half the width difference to match, and add a break so the logo no longer butts up against the badge row.
The promo image is a flat-tinted raster with the old italic wordmark baked in, hosted as a GitHub user-attachment. Recomposited the React Native ExecuTorch lockup in the same #CCCFD8 tint at brand proportions and vendored the result so the READMEs reference an in-repo file instead of an external attachment URL.
The first pass LANCZOS-downscaled an RGBA layer with non-premultiplied alpha, which bled transparent black into the glyph edges and left the text softer than its surroundings (10-90% edge width 3.10px vs 1.96px for the original). Render the wordmark on white instead so no alpha is involved, and keep the original flame pixels rather than redrawing them - the icon is unchanged, and its edges are softer (3.31px) than the type. Only the 214x61 text region differs from the source art now; edge width 2.08px against the original's 1.96px.
barhanc
approved these changes
Aug 3, 2026
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.
Description
README.md.README.md.og-image.pngreferenced by documentation.Introduces a breaking change?
Type of change
Tested on
Testing instructions
README.mdchanges in both themes (yarn & yarn buildindocsdirectory).Screenshots
Vertical lockup used in the READMEs, and the new social card:
Related issues
Checklist
Additional notes
The wordmark is black/white per the variant grid in the brand book. Page 1 uses
#2A47FFinstead, which is equally sanctioned — happy to switch the navbar to blue if that reads better.