Skip to content

Network · og/station-sign

Share image

What a shared link looks like on WeChat, Instagram or WhatsApp: a station sign in ink with the line on top, the name, when and where, and a short route arriving at the app.

Share image

Every campaign and every form gets its own; every other page shows its app's. Shown here at half size.

DANUS
Danus PPIT Shenzhen
GumamChan at SZ Cup
Order online until Mon, Mar 15 at 21:00
PPITSZ Shop
SOSBUD
Event
Malam Budaya 2026
Sat, Nov 14 · 18:30–21:30 · SZU Main hall
PPITSZ Forms

Making one

An opengraph-image.tsx next to the page calls the app's stationSignImage() (lib/og.tsx), which renders OgStationSign with next/og. Satori draws inline styles only, so the colors come from @ppitsz/ui/lib/raw-colors, and Archivo 600 and 800 come from the app's assets/fonts (OFL), traced into the image routes in next.config.

Rules

  • A draft shares nothing about itself: it gets the app's image.
  • No photos, no prices, no “Buy now”. The name and the when are enough to tap.

Don’t

A screenshot of the page, or the cover photo with the title printed over it.

Do

The station sign: line, name, when and where.