# Tech stack OG image template

A project's stack drawn as an isometric pile of slabs, the first item on top, each slab labelled at its edge.

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

For developers, agencies and job posts showing what a project is built with. Each item is one slab with its logo printed on the side; an item without a logo gets its initials. Wide frames stack six slabs, square frames eight and vertical frames ten; past that the last slab is a dashed "+N more" layer, and thinner slabs are used when the pile is tall. With no items the pile shows three blank slabs. Wide frames put the title on the left; square and vertical frames put it on top.

## 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 |
|---|---|---|---|
| `title` | text | Headline, e.g. Built with or What powers Northwind. (default: Built with) | What powers Northwind |
| `project` | text | Project name above the title. | Northwind image API |
| `items` | text | Stack items separated by `;`, each as name\|role with the role optional, e.g. Laravel\|App and API;PostgreSQL\|Database. The first item is the top slab. | Laravel\|App and API;PostgreSQL\|Database;Redis\|Queues and cache;Headless Chrome\|Rendering;Docker\|Deploys;Go\|Egress proxy |
| `url` | text | Project address in a small mono box under the title. | northwind.dev/stack |
| `logo_1` | image URL | Logo of the first item; logo_2 to logo_8 go with the next items in order. | https://example.com/images/b06-icon-hex.png |
| `logo_2` | image URL | Logo of the second item. | https://example.com/images/b06-icon-db.png |
| `logo_3` | image URL | Logo of the third item. | https://example.com/images/b06-icon-bolt.png |
| `logo_4` | image URL | Logo of the fourth item. | https://example.com/images/b06-icon-spark.png |
| `logo_5` | image URL | Logo of the fifth item. | — |
| `logo_6` | image URL | Logo of the sixth item. | — |
| `logo_7` | image URL | Logo of the seventh item. | — |
| `logo_8` | image URL | Logo of the eighth item; later items get initials. | — |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #f97316) | #f97316 |
| `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": "tech-stack",
    "modifications": {
        "title": "What powers Northwind",
        "project": "Northwind image API",
        "items": "Laravel|App and API;PostgreSQL|Database;Redis|Queues and cache;Headless Chrome|Rendering;Docker|Deploys;Go|Egress proxy",
        "url": "northwind.dev/stack",
        "logo_1": "https://example.com/images/b06-icon-hex.png",
        "logo_2": "https://example.com/images/b06-icon-db.png",
        "logo_3": "https://example.com/images/b06-icon-bolt.png",
        "logo_4": "https://example.com/images/b06-icon-spark.png"
    }
}'
```

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