Skip to content

Unify the brand mark and fix the OG card's install command - #12

Merged
nmndwivedi merged 1 commit into
mainfrom
fix/brand-mark-and-og
Aug 2, 2026
Merged

Unify the brand mark and fix the OG card's install command#12
nmndwivedi merged 1 commit into
mainfrom
fix/brand-mark-and-og

Conversation

@nmndwivedi

Copy link
Copy Markdown
Collaborator

The favicon and the in-product marks had drifted into two different spirals, and the header/watermark dot was filled with currentColor so it disappeared into the wordmark instead of reading as the accent.

Brand mark

Adopts the favicon's geometry as the single mark everywhere — site header, hosted app, docs header, and the SDK's watermark badge — with the dot in the brand accent #2f6fed rather than currentColor. Seven files previously carried two different paths; they now carry one.

OG card

  • The install line read npm i @tryquickdraw/reacta scope that does not exist. Anyone copying it out of a Reddit/X/LinkedIn link preview got a 404. Now npm i @quickdrawjs/react.
  • The decorative squiggle was an unrelated shape. It is now the brand mark's own curve, drawn with a velocity taper so it reads as the product's pressure ink.
  • Adds apps/website/scripts/og-source.html so the card is regenerable instead of an orphan binary. Render it at 1200×630 and save over public/og.png.

Verification

  • npm test — 125 passed
  • Astro build clean; header mark and new card checked in-browser

The favicon and the in-product marks had drifted into two different
spirals, and the header/watermark dot was filled with currentColor so it
disappeared into the wordmark instead of reading as the accent.

- Adopt the favicon's geometry as the single mark everywhere: the site
  header, the hosted app, the docs header and the SDK's watermark badge
- Dot is now the brand accent (#2f6fed) rather than currentColor
- og.png: the install line read `npm i @tryquickdraw/react`, a scope that
  does not exist — anyone copying it from a link preview got a 404. Now
  `npm i @quickdrawjs/react`
- og.png: the decorative squiggle was an unrelated shape; it is now the
  brand mark's own curve, drawn with a velocity taper so it reads as the
  product's pressure ink
- Add apps/website/scripts/og-source.html so the card is regenerable
  instead of an orphan binary

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Aug 2, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
quickdraw-app Ready Ready Preview Aug 2, 2026 3:05pm
tryquickdraw Ready Ready Preview Aug 2, 2026 3:05pm
tryquickdraw-docs Ready Ready Preview Aug 2, 2026 3:05pm

@nmndwivedi
nmndwivedi merged commit fe21824 into main Aug 2, 2026
5 checks passed
@nmndwivedi
nmndwivedi deleted the fix/brand-mark-and-og branch August 2, 2026 21:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant