ROB-2951 : Update Logo Mark And Rebuild OG Card From Figma

[anshroboto]

Context / Intent

Pointer has a new logo mark. This updates the brand assets and rebuilds the Open Graph card to match the pointer-og frame in Figma.

Approach

The mark ships as public/logo.svg, with both PWA icons and app/favicon.ico rasterised from it so there is a single source for the artwork. The favicon keeps its dark tile so it stays visible against a light tab strip.

app/og/route.tsx now draws the Figma card itself: the mark on #13120D, centred beside the wordmark, using the frame's own type tokens. It replaces the old layout of gradients, a per-page title and description, and a pointer.dev footer. Since the card carries no title, the route takes no query parameters and the four call sites request /og directly. A page that sets image in its frontmatter still overrides it.

Preview

Verification

• pnpm typecheck
• pnpm lint
• og:image and twitter:image on /, /about, and a blog post all resolve to /og
• A page with image in its frontmatter still wins over /og

[vercel]

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

Project	Deployment	Actions	Updated
pointer	Ready	Preview	Sep 16, 2026 6:27am UTC

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Advanced

Run ID: ba6b8203-0df6-4b85-b0d6-88437eeede9d

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[diffy-eve]

Risk	Auto-approval	Confidence
50/100 · Medium	No, a human needs to read it	95%

Why not approved: this run found 4 things at or above the severity floor

Stated, not enacted: this review is posted as a comment and approves nothing.

Reviewed 8eeaa20 — 5 findings (4 open, 1 resolved)

Outside the diff

app/manifest.ts

High · invariant — public/icon-512.png is a white mark with no opaque backplate, and app/manifest.ts declares it maskable alongside background_color #ffffff.

A maskable icon is cropped to the launcher's shape and whatever is transparent under it shows the surface below, so a white mark with no tile has no contrast on a light launcher, on the install prompt, or on the splash screen that background_color #ffffff paints. app/og/route.tsx composites this same PNG over #13120D to get a visible mark, which is the dark backing the manifest never supplies. The PR body applies a dark tile to app/favicon.ico only. Either give icon-512.png an opaque #13120D tile, or drop the maskable entry and ship a separate tiled file for it.

Evidence · read from app/manifest.ts, app/og/route.tsx and public/logo.svg; public/icon-512.png itself was opened in an image viewer and shows the white mark with no tile

app/manifest.ts:5
    background_color: "#ffffff",
app/manifest.ts:24-29
      {
        purpose: "maskable",
        sizes: "512x512",
        src: "/icon-512.png",
        type: "image/png",
      },
app/og/route.tsx:5-6
// Geometry from the Figma "pointer-og" frame. The icon PNG has transparent
// side padding, so the 16px flex gap renders as the spec's 36px optical gap.
app/og/route.tsx:9
const OG_BACKGROUND = "#13120D";
public/logo.svg:2,11 (the source the icons are rasterised from)
  fill="none"
    fill="white"

[diffy-eve]

High · invariant — public/logo.svg fills the cursor and the hexagon plate both white, so a 2-unit black stroke is the only separation between them.

The path on line 3 fills the whole 145x165 hexagon white, and the path on line 4 fills the cursor region with the same white; the stroked copy on line 5 is what draws the boundary. components/nav.tsx renders the file in a 24px box (className "size-6 invert dark:invert-0"), where 2 units of a 165-unit viewBox is 0.29 CSS px, so the header mark reads as a plain hexagon in both themes.

Evidence · read from public/logo.svg

public/logo.svg line 1: <svg width="145" height="165" viewBox="0 0 145 165" fill="none" xmlns="http://www.w3.org/2000/svg">
public/logo.svg line 3 opens: <path d="M68.3975 0.913526C70.5018 -0.304567 73.0987 -0.304451 75.2031 0.913526L140.742 38.8461C142.511 39.8701 143.606 41.7639 143.606 43.8149V72.4946C
public/logo.svg line 3 closes: 37.2471 35.4292Z" fill="white"/>
public/logo.svg line 4 opens: <path d="M36.0203 37.415H29.9284H28.7881V50.929H36.0203V58.0993H50.4375V65.141H57.9419V72.5841H65.1619V78.3378H72.2534V95.3453H65.1619V102.302H
public/logo.svg line 4 closes: V50.4298H50.4375V42.9546L36.0203 43.297V37.415Z" fill="white"/>
public/logo.svg line 5 closes: V42.9546L36.0203 43.297V37.415Z" stroke="black" stroke-width="2"/>

[diffy-eve]

Medium · performance — public/logo.svg is 16,868 bytes, up from 4,794, and components/nav.tsx loads it with priority for a 24px render.

Line 5 repeats line 4's entire d attribute to add an outline that fits on line 4 as stroke and stroke-width attributes, and coordinates carry six decimals a 24px box cannot resolve. components/nav.tsx sets priority and loading="eager" on the Image, so the extra 12,074 bytes land on the first paint of every page.

Evidence · read from public/logo.svg

$ ls -l public/logo.svg
-rw-r--r-- 1 root root  16868 Sep 16 06:26 public/logo.svg
$ git cat-file -s 8499105:public/logo.svg
4794