# Szablon obrazka OG: Plan rozwoju produktu

Kolumny Teraz, Dalej i Później na osi czasu, w każdej do trzech pozycji.

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

Do publicznych roadmap, planów kwartalnych i wpisów „nad czym pracujemy". Pozycje w toku mają pełny znacznik i wyróżnione karty, późniejsze przerywane obramowanie. Na kwadracie i w pionie kolumny zamieniają się w pionową oś czasu; etap bez pozycji znika.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł planu. (domyślnie: Roadmap) | What we are building this quarter |
| `product` | tekst | Nazwa produktu. | Northwind |
| `now_label` | tekst | Nazwa pierwszego etapu, np. Teraz. (domyślnie: Now) | — |
| `now_1` | tekst | Pierwsza pozycja w toku. | Multi-size renders |
| `now_2` | tekst | Druga pozycja w toku. | Batch API |
| `now_3` | tekst | Trzecia pozycja w toku. | — |
| `next_label` | tekst | Nazwa drugiego etapu, np. Dalej. (domyślnie: Next) | — |
| `next_1` | tekst | Pierwsza pozycja na następny etap. | Team workspaces |
| `next_2` | tekst | Druga pozycja na następny etap. | Figma import |
| `next_3` | tekst | Trzecia pozycja na następny etap. | Audit log |
| `later_label` | tekst | Nazwa trzeciego etapu, np. Później. (domyślnie: Later) | — |
| `later_1` | tekst | Pierwsza pozycja na później. | Video previews |
| `later_2` | tekst | Druga pozycja na później. | Self-hosted runner |
| `later_3` | tekst | Trzecia pozycja na później. | — |
| `site` | tekst | Twoja domena albo krótki adres. | northwind.dev/roadmap |
| `logo` | adres obrazka | Logo. | https://example.com/images/logo-northwind.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #f43f5e) | #f43f5e |
| `theme` | dark | light | Schemat kolorów: dark albo light. | — |

## Wyrenderuj go jednym żądaniem

```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"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

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