Update opengraph image theme

[feynon]

Update the Open Graph image theme to the new 'Tiles Launcher' design.

---

Summary by CodeRabbit

• New Features

  • Link previews now show a large “Tilekit” headline with a minimalist three-icon grid; a secondary subtitle appears when a custom page title is provided.

• Style

  • Open Graph image updated to a centered, high-contrast layout: solid black background, white text, padding, and simplified composition; preserves 1200×630 size.
  • Removed previous header/logo, description/type labels, and footer for a cleaner look.

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}

[coderabbitai]

Walkthrough

Replaces the OG image API output with a minimal, centered design: only title is read (default "Tilekit"), solid black background, white text, large main heading, a small three-icon rounded-square grid, and a conditional smaller subtitle when a non-default title is provided. Removed previous footer and extra metadata.

Changes

Cohort / File(s)	Summary
OG image API update pages/api/og.tsx	Read only title query (default "Tilekit"). Switched to 1200×630 solid black canvas, white centered text, large heading (fontSize ~110, weight 600), three-icon rounded-square grid as visual, conditional secondary title when title !== "Tilekit", removed description/type handling and all prior header/footer/branding elements. Added padding/box-sizing and removed gradient/background flourishes.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  participant C as Client
  participant API as /api/og
  participant R as Renderer

  C->>API: GET /api/og?title=...
  API->>R: Provide title (or default "Tilekit")
  alt title provided AND != "Tilekit"
    R->>R: Render main heading + secondary subtitle + icon grid
  else
    R->>R: Render main heading + icon grid
  end
  R->>API: Return PNG/SVG (1200×630, black bg, white text)
  API-->>C: 200 OK (image)

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

I nibble pixels in the night,
A blackened stage, a single light—
Big title hops, three tiles in a row,
Sleek and small, a tidy show.
I stamp it quick with rabbit glee 🐇✨

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Free

💡 Knowledge Base configuration:

• Jira integration is disabled
• Linear integration is disabled

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 931751e and e57a1da.

📒 Files selected for processing (1)

• pages/api/og.tsx (1 hunks)

---

Note

🎁 Summarized by CodeRabbit Free

Your organization is on the Free plan. CodeRabbit will generate a high-level summary and a walkthrough for each pull request. For a comprehensive line-by-line review, please upgrade your subscription to CodeRabbit Pro by visiting https://app.coderabbit.ai/login.

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Join our Discord community for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
tilekit	Ready	Preview	Comment	Aug 26, 2025 11:54am