# Szablon obrazka OG: Tabela porównawcza funkcji

Tabela porównania z ptaszkami, krzyżykami i połówkami, a wyróżniona kolumna uniesiona jako osobna karta.

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

Dla stron „X vs Y” i „alternatywy dla…”, serwisów z recenzjami i porównań planów generowanych dla każdego konkurenta. Do czterech kolumn i siedmiu wierszy: szerokie kadry pokazują pięć wierszy i resztę liczą w linijce „+N more”, kwadratowe i pionowe pokazują siedem. Kolumna bez logo dostaje monogram, długie wartości kończą się wielokropkiem, a bez wierszy karta pokazuje pustą tabelę-szkic. Pionowe kadry dają funkcjom dwa wiersze i rysują znaczki większe.

## 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 | Nagłówek nad tabelą. (domyślnie: How we compare) | Northwind vs the alternatives |
| `eyebrow` | tekst | Mały napis nad tytułem, np. Porównanie 2026. | Comparison 2026 |
| `columns` | tekst | Nazwy kolumn rozdzielone `;`, np. Northwind;Brightpixel;Canvasly. Najwyżej cztery. | Northwind;Brightpixel;Canvasly |
| `rows` | tekst | Wiersze rozdzielone `;`, każdy jako funkcja\|wartość\|wartość…, po jednej wartości na kolumnę: yes, no, partial albo krótki tekst, np. Signed URLs\|yes\|partial\|no;Darmowy plan\|500 miesięcznie\|no. Najwyżej siedem. | Signed URLs\|yes\|partial\|no;Animated GIF and MP4\|yes\|no\|no;Templates included\|120+\|40\|12;Team workspaces\|yes\|yes\|partial;Free tier\|500 a month\|100 a month\|no |
| `highlight` | tekst | Numer kolumny uniesionej jako karta, np. 1 dla pierwszej; puste albo 0 nie wyróżnia żadnej. (domyślnie: 1) | 1 |
| `site` | tekst | Adres strony, w prawym górnym rogu. | northwind.dev/compare |
| `logo_1` | adres obrazka | Logo pierwszej kolumny. | https://example.com/images/logo-northwind.png |
| `logo_2` | adres obrazka | Logo drugiej kolumny. | https://example.com/images/b06-icon-hex.png |
| `logo_3` | adres obrazka | Logo trzeciej kolumny. | https://example.com/images/b06-icon-bolt.png |
| `logo_4` | adres obrazka | Logo czwartej kolumny. | — |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #4f46e5) | #4f46e5 |
| `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": "feature-matrix",
    "modifications": {
        "title": "Northwind vs the alternatives",
        "eyebrow": "Comparison 2026",
        "columns": "Northwind;Brightpixel;Canvasly",
        "rows": "Signed URLs|yes|partial|no;Animated GIF and MP4|yes|no|no;Templates included|120+|40|12;Team workspaces|yes|yes|partial;Free tier|500 a month|100 a month|no",
        "highlight": "1",
        "site": "northwind.dev/compare",
        "logo_1": "https://example.com/images/logo-northwind.png",
        "logo_2": "https://example.com/images/b06-icon-hex.png",
        "logo_3": "https://example.com/images/b06-icon-bolt.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/feature-matrix/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```