# Product roadmap OG image template

Now, Next and Later columns on a timeline, up to three items each.

- Slug: `roadmap`
- Preview (real render): https://shareglint.com/img/templates/roadmap.jpg
- Page: https://shareglint.com/en/templates/roadmap

For public roadmaps, quarterly plans and "what we are building" posts. Items in progress get a filled marker and highlighted cards, later ones dashed outlines. The columns turn into a vertical timeline on square and vertical formats; a stage with no items disappears.

## Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

| Field | Type | Description | Example |
|---|---|---|---|
| `title` | text | Headline of the roadmap. (default: Roadmap) | What we are building this quarter |
| `product` | text | Product name. | Northwind |
| `now_label` | text | Name of the first stage, e.g. Now. (default: Now) | — |
| `now_1` | text | First item in progress. | Multi-size renders |
| `now_2` | text | Second item in progress. | Batch API |
| `now_3` | text | Third item in progress. | — |
| `next_label` | text | Name of the second stage, e.g. Next. (default: Next) | — |
| `next_1` | text | First item coming next. | Team workspaces |
| `next_2` | text | Second item coming next. | Figma import |
| `next_3` | text | Third item coming next. | Audit log |
| `later_label` | text | Name of the third stage, e.g. Later. (default: Later) | — |
| `later_1` | text | First item for later. | Video previews |
| `later_2` | text | Second item for later. | Self-hosted runner |
| `later_3` | text | Third item for later. | — |
| `site` | text | Your domain or a short URL. | northwind.dev/roadmap |
| `logo` | image URL | Logo image. | https://example.com/images/logo-northwind.png |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #f43f5e) | #f43f5e |
| `theme` | dark | light | Colour scheme: dark or light. | — |

## Render it with one request

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "roadmap",
    "modifications": {
        "title": "What we are building this quarter",
        "product": "Northwind",
        "now_1": "Multi-size renders",
        "now_2": "Batch API",
        "next_1": "Team workspaces",
        "next_2": "Figma import",
        "next_3": "Audit log",
        "later_1": "Video previews",
        "later_2": "Self-hosted runner",
        "site": "northwind.dev/roadmap",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/roadmap/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```