# Vehicle listing OG image template

A car on a showroom floor with its reflection, the model and price beside it and the specs on a row of dashboard dials.

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

For dealers and car marketplaces posting a card per vehicle from their stock feed. Year, mileage, fuel and gearbox each get a dial (a dial with no value is left out); the arcs are decoration, the value sits in the middle and ends in an ellipsis when long. The model shrinks to fit, and without a `photo` a car silhouette in the accent colour stands on the floor instead. A cut-out photo (PNG with transparency) works best. Wide frames put the car on the right; square and vertical frames put it across the upper half, and tall frames set the dials in a two-by-two grid.

## 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 |
|---|---|---|---|
| `make` | text | Brand, in spaced capitals above the model. | Nordvik |
| `model` | text | Model and trim, the headline, e.g. Aster T5 Touring. (default: Model) | Aster T5 Touring |
| `year` | text | Model year, on the first dial. | 2022 |
| `price` | text | Price on the accent block. | $34,900 |
| `mileage` | text | Mileage with its unit, e.g. 28,400 mi. | 28,400 mi |
| `fuel` | text | Fuel type, e.g. Hybrid or Diesel. | Hybrid |
| `transmission` | text | Gearbox, e.g. Automatic. | Automatic |
| `dealer` | text | Dealer name next to the logo. | Summit Auto Group |
| `photo` | image URL | Car photo, ideally cut out on a transparent background; it stands on the floor with a reflection. | https://example.com/images/b08-car.png |
| `logo` | image URL | Dealer logo, square. | https://example.com/images/b08-dealer.png |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #38bdf8) | #38bdf8 |
| `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": "vehicle-listing",
    "modifications": {
        "make": "Nordvik",
        "model": "Aster T5 Touring",
        "year": "2022",
        "price": "$34,900",
        "mileage": "28,400 mi",
        "fuel": "Hybrid",
        "transmission": "Automatic",
        "dealer": "Summit Auto Group",
        "photo": "https://example.com/images/b08-car.png",
        "logo": "https://example.com/images/b08-dealer.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/vehicle-listing/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```