# Szablon obrazka OG: Miniatura poradnika

Miniatura filmu instruktażowego: zrzut ekranu w przekrzywionym oknie aplikacji z kółkiem i zakrzywioną strzałką na tym miejscu, które się liczy, logo narzędzia na dużym kafelku i wyraźna obietnica obok.

- Slug: `thumbnail-tutorial`
- Preview (real render): https://shareglint.com/storage/template-previews/thumbnail-tutorial.jpg
- Page: https://shareglint.com/pl/templates/thumbnail-tutorial

Dla kanałów z poradnikami, akademii SaaS i twórców kursów. Kółko staje tam, gdzie wskazuje `highlight`, i przyciemnia resztę ekranu; tytuł dopasowuje się do miejsca pod podkreśleniem jak z zakreślacza. Bez zrzutu okno pokazuje szkic aplikacji, a bez logo kafelek pokazuje pierwszą literę nazwy narzędzia. Na szerokich formatach tytuł jest po lewej, a okno po prawej; w kwadracie i w pionie okno stoi na górze.

## 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 | Czego uczy film, w kilku słowach. (domyślnie: How to do it) | Build a live dashboard in 10 minutes |
| `tool_name` | tekst | Nazwa narzędzia pod jego kafelkiem. | Northwind |
| `step_label` | tekst | Etykieta w pigułce w kolorze akcentu, np. Część 1 albo Lekcja 3. | Part 1 |
| `level` | tekst | Poziom trudności: beginner, intermediate albo advanced (wypełnia jedną, dwie albo trzy kreski). | beginner |
| `highlight` | tekst | Gdzie na zrzucie staje kółko: top-left, top-right, center, bottom-left albo bottom-right. (domyślnie: top-right) | top-right |
| `channel` | tekst | Nazwa kanału albo szkoły na dole. | Northwind Academy |
| `tool_logo` | adres obrazka | Logo narzędzia na dużym kafelku. | https://example.com/images/logo-northwind.png |
| `screenshot` | adres obrazka | Zrzut ekranu aplikacji albo efektu. | https://example.com/images/dashboard.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #e11d48) | #e11d48 |
| `theme` | dark | light | Schemat kolorów: dark albo light. (domyślnie: 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": "thumbnail-tutorial",
    "modifications": {
        "title": "Build a live dashboard in 10 minutes",
        "tool_name": "Northwind",
        "step_label": "Part 1",
        "level": "beginner",
        "highlight": "top-right",
        "channel": "Northwind Academy",
        "tool_logo": "https://example.com/images/logo-northwind.png",
        "screenshot": "https://example.com/images/dashboard.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/thumbnail-tutorial/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```