# Szablon obrazka OG: Wartości odżywcze

Etykieta z wartościami odżywczymi na obrusie w kratkę: zdjęcie dania, kalorie dużą czcionką, a makroskładniki jako pasek proporcji i wiersze oddzielone liniami.

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

Dla serwisów z przepisami, cateringów dietetycznych, aplikacji do liczenia kalorii i menu — uzupełnienie szablonu `recipe`. Ilości wyświetlają się tak, jak je wpisano, a ich liczby wyznaczają pasek proporcji i udziały. W kadrach poziomych zdjęcie stoi obok etykiety, a do czterech makroskładników w dwóch kolumnach; w kwadratowych i pionowych zdjęcie jest u góry, a etykieta na nie zachodzi. Bez zdjęcia etykieta stoi sama na środku.

## 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 | Nazwa dania albo produktu. (domyślnie: Recipe name) | Green goddess salad bowl |
| `calories` | tekst | Energia w dowolnym zapisie, np. 540 kcal. | 540 kcal |
| `serving` | tekst | Porcja, np. Na miskę · 420 g. | Per bowl · 420 g |
| `macros` | tekst | Do sześciu wierszy jako nazwa\|ilość oddzielone średnikami, np. Białko\|32 g; Węglowodany\|48 g; Tłuszcz\|18 g. | Protein\|32 g; Carbs\|48 g; Fat\|18 g; Fibre\|9 g |
| `eyebrow` | tekst | Mały nagłówek etykiety, np. Wartości odżywcze. | Nutrition facts |
| `image` | adres obrazka | Zdjęcie dania. | https://example.com/images/salad.jpg |
| `site` | tekst | Strona na dole etykiety. | northwind.kitchen |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #16a34a) | #16a34a |
| `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": "nutrition-facts",
    "modifications": {
        "title": "Green goddess salad bowl",
        "calories": "540 kcal",
        "serving": "Per bowl · 420 g",
        "macros": "Protein|32 g; Carbs|48 g; Fat|18 g; Fibre|9 g",
        "eyebrow": "Nutrition facts",
        "site": "northwind.kitchen",
        "image": "https://example.com/images/salad.jpg"
    }
}'
```

## 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/nutrition-facts/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```