Skip to content

improvement(branding): dark og image matching landing surface#4719

Open
waleedlatif1 wants to merge 1 commit into
stagingfrom
waleedlatif1/og-image-dark
Open

improvement(branding): dark og image matching landing surface#4719
waleedlatif1 wants to merge 1 commit into
stagingfrom
waleedlatif1/og-image-dark

Conversation

@waleedlatif1
Copy link
Copy Markdown
Collaborator

Summary

  • Swaps the OG asset from a white-background wordmark to a dark variant on #1c1c1c — the canonical --landing-bg surface color (apps/sim/app/_styles/globals.css:253).
  • Uses apps/sim/public/logo/wordmark.svg (white "sim" + green icon) — the same wordmark variant rendered in the sidebar in dark mode and in the docs.sim.ai OG cards.
  • Asset only — the metadata path (/logo/426-240/reverse/small.png) is unchanged, so the existing OG/Twitter wiring picks it up automatically.

Why

  • Dark cards pop in dark-mode chat clients (Slack, iMessage, Discord), where a pure-white card was creating a jarring blast of brightness in feeds.
  • Brings the marketing card aesthetic in line with the docs cards — same wordmark, same surface color — so sim.ai and docs.sim.ai feel like the same product.
  • Color matches what users already see on the landing page (bg-[#1C1C1C] in (landing)/partners/page.tsx, etc.).

Test plan

  • Pull and run locally; confirm /logo/426-240/reverse/small.png renders as the dark wordmark
  • Confirm view-source: of / still points og:image and twitter:image at /logo/426-240/reverse/small.png
  • After deploy to staging: re-scrape via LinkedIn Post Inspector and Facebook Sharing Debugger to flush platform caches
  • After deploy: post https://www.sim.ai/?v=dark in Slack to bust the per-URL cache and verify the new card renders

🤖 Generated with Claude Code

Swap the OG asset from a white-background wordmark to a dark variant
(#1c1c1c — the canonical --landing-bg surface color) with the brand
wordmark on top. Reads better in dark-mode chat clients (Slack, iMessage,
Discord) and brings the marketing card aesthetic in line with the
docs.sim.ai cards.

Asset only — metadata and Twitter card paths are unchanged, so the
existing OG/Twitter wiring picks up the new image automatically once
caches refresh.

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

vercel Bot commented May 22, 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 22, 2026 6:38am

Request Review

@cursor
Copy link
Copy Markdown

cursor Bot commented May 22, 2026

PR Summary

Low Risk
Low risk: change appears limited to swapping a static OG/branding image asset, with no code or runtime logic changes.

Overview
Updates the Open Graph/branding image asset to use a dark-background wordmark variant while keeping the existing og:image URL/path wiring unchanged.

Reviewed by Cursor Bugbot for commit 82cc826. Configure here.

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