# Portfolio showcase OG image template

Up to three work samples fanned like a hand of cards, with the person's name, role and numbered project titles.

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

For designers, developers, photographers and portfolio builders that need an OG image showing the work, not only the face. Each picture becomes a card in the fan; a project without a picture gets a striped card with its first letter, and no avatar gives an initials circle. Long project titles end in an ellipsis and more than three are counted. Wide frames put the name on the left and the fan on the right; square and vertical frames stack the name over a larger fan.

## 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 |
|---|---|---|---|
| `name` | text | Your name. (default: Your name) | Noor Haddad |
| `role` | text | What you do, up to two lines. | Product designer for fintech and data tools |
| `projects` | text | Project titles separated by `;`, e.g. Ledger dashboard;Pocket banking app;Album art. Three are shown, in the order of the pictures. | Ledger analytics dashboard;Pocket banking app;Sunset Drive album art |
| `site` | text | Portfolio address. | noorhaddad.design |
| `image_1` | image URL | Picture of the first project; the top of it shows on the card. | https://example.com/images/dashboard.png |
| `image_2` | image URL | Picture of the second project. | https://example.com/images/phone-app.png |
| `image_3` | image URL | Picture of the third project. | https://example.com/images/album-cover.png |
| `avatar` | image URL | Your photo, round. | https://example.com/images/avatar-woman2.jpg |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #8b5cf6) | #8b5cf6 |
| `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": "portfolio-showcase",
    "modifications": {
        "name": "Noor Haddad",
        "role": "Product designer for fintech and data tools",
        "projects": "Ledger analytics dashboard;Pocket banking app;Sunset Drive album art",
        "site": "noorhaddad.design",
        "image_1": "https://example.com/images/dashboard.png",
        "image_2": "https://example.com/images/phone-app.png",
        "image_3": "https://example.com/images/album-cover.png",
        "avatar": "https://example.com/images/avatar-woman2.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/portfolio-showcase/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```