# Quote fade-in OG image template

A quote that fades in word by word, with the author's photo, name and role under it.

- Slug: `animated-quote-fade`
- Preview (real render): https://shareglint.com/storage/template-previews/animated-quote-fade.jpg
- Page: https://shareglint.com/en/templates/animated-quote-fade

For testimonials, interview quotes and talk highlights as GIF or MP4. Words appear one after another and the attribution follows; then the whole quote holds. A still format shows the full quote.

## 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 |
|---|---|---|---|
| `quote` | text | The quote itself. (default: Quote goes here) | The best preview image is the one people stop scrolling for. |
| `author` | text | Author name. | Maya Chen |
| `role` | text | Role or job title. | Head of Growth, Northwind |
| `site` | text | Your domain or a short URL. | northwind.dev |
| `photo` | image URL | Author photo, shown round next to the name. | https://example.com/images/avatar-woman.jpg |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #0ea5e9) | #0ea5e9 |
| `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": "animated-quote-fade",
    "modifications": {
        "quote": "The best preview image is the one people stop scrolling for.",
        "author": "Maya Chen",
        "role": "Head of Growth, Northwind",
        "site": "northwind.dev",
        "photo": "https://example.com/images/avatar-woman.jpg"
    }
}'
```

## 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/animated-quote-fade/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```