Skip to content

improvement(branding): white-background sim wordmark for og image#4683

Merged
waleedlatif1 merged 1 commit into
stagingfrom
waleedlatif1/og-image-wordmark-clean
May 20, 2026
Merged

improvement(branding): white-background sim wordmark for og image#4683
waleedlatif1 merged 1 commit into
stagingfrom
waleedlatif1/og-image-wordmark-clean

Conversation

@waleedlatif1
Copy link
Copy Markdown
Collaborator

@waleedlatif1 waleedlatif1 commented May 20, 2026

Summary

  • Swaps the default Open Graph and Twitter card image from the purple "sim" lettermark on purple to the brand wordmark (green icon + dark "sim" text) centered on a white background.
  • New asset at apps/sim/public/logo/426-240/reverse/small.png (2130×1200, matching the declared OG dimensions). Pulled directly from the sidebar's wordmark-dark.svg so the asset stays in sync with the in-app brand.
  • Default branded metadata + landing-page-specific overrides both updated; all sub-pages that inherit the default automatically pick up the new image.

Test plan

  • Pull and run locally; confirm view-source: of / shows og:image and twitter:image pointing at /logo/426-240/reverse/small.png
  • Visit /logo/426-240/reverse/small.png directly and confirm the rendered 2130×1200 PNG
  • After deploy to staging: paste the staging URL into the LinkedIn Post Inspector and re-scrape; confirm the new card renders
  • After deploy to staging: paste the staging URL into Facebook Sharing Debugger and re-scrape (also flushes the Slack OG cache)
  • Spot-check that apple-touch-icon, favicons, and schema.org Organization logo references are untouched (separate square assets, intentionally not changed)

Swap the default Open Graph and Twitter card image from the purple "sim"
lettermark on purple to the brand wordmark (green icon + dark "sim" text)
centered on a white background. Pulled directly from the sidebar's
wordmark-dark.svg so the asset stays in sync with the in-app brand.

- New asset at /logo/426-240/reverse/small.png (2130x1200, matches
  declared OG dimensions)
- Default branded metadata + landing-page-specific overrides both updated;
  all sub-pages that inherit the default pick up the new image
  automatically

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 20, 2026

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

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
docs Skipped Skipped May 20, 2026 9:10pm

Request Review

@cursor
Copy link
Copy Markdown

cursor Bot commented May 20, 2026

PR Summary

Low Risk
Low risk: only swaps the default Open Graph/Twitter image URL used in metadata; no runtime logic or data handling changes.

Overview
Updates the default social sharing metadata to use the new white-background “reverse” Sim wordmark image (/logo/426-240/reverse/small.png) instead of the previous “primary” asset.

This change is applied both on the main landing page metadata and in the enterprise whitelabeling metadata fallback when no custom brand.logoUrl is provided.

Reviewed by Cursor Bugbot for commit d97dc51. Configure here.

@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps Bot commented May 20, 2026

Greptile Summary

This PR swaps the default Open Graph and Twitter card image from the purple lettermark on a purple background (primary/small.png) to the brand wordmark on a white background (reverse/small.png). Both metadata locations — the landing page override in page.tsx and the global default in ee/whitelabeling/metadata.ts — are updated consistently, and the underlying binary asset is replaced with the new 2130×1200 PNG.

  • Both OG and Twitter images fields in page.tsx and metadata.ts are updated to point at the new path; a grep confirms no remaining references to the old primary/small.png.
  • The new reverse/small.png asset already existed in the directory (being replaced, not newly added), keeping the file structure consistent with the existing primary/, reverse/, and b&w/ variant sets.
  • EE whitelabel customers who supply a custom brand.logoUrl are unaffected; the fallback path change only applies when no custom logo is configured.

Confidence Score: 5/5

Purely cosmetic asset swap with no logic changes; safe to merge.

All four URL references are updated consistently, the replacement asset exists at the declared path and dimensions, and EE whitelabel customers who supply a custom logo are not affected by the fallback change.

No files require special attention.

Important Files Changed

Filename Overview
apps/sim/app/page.tsx OG and Twitter image URL updated from primary to reverse variant; no logic changes.
apps/sim/ee/whitelabeling/metadata.ts Default fallback OG/Twitter image URL updated to reverse variant; EE custom logo path unaffected.
apps/sim/public/logo/426-240/reverse/small.png Binary asset replaced with new 2130×1200 wordmark-on-white PNG; dimensions match declared OG metadata.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Request to any page] --> B{Has brand.logoUrl?}
    B -- Yes --> C[Use EE custom logo URL]
    B -- No --> D[Fallback: /logo/426-240/reverse/small.png]
    D --> E[OG image: 2130x1200 wordmark on white]
    C --> E2[OG image: custom brand logo]
    E --> F[og:image meta tag]
    E --> G[twitter:image meta tag]
    E2 --> F
    E2 --> G
    H[apps/sim/app/page.tsx] -- landing-page override --> F
    I[ee/whitelabeling/metadata.ts] -- all other pages default --> F
Loading

Reviews (1): Last reviewed commit: "improvement(branding): white-background ..." | Re-trigger Greptile

@waleedlatif1 waleedlatif1 merged commit 9347da5 into staging May 20, 2026
14 checks passed
@waleedlatif1 waleedlatif1 deleted the waleedlatif1/og-image-wordmark-clean branch May 20, 2026 21:22
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