# Hotel card OG image template

A stay listing: the photo inset with rounded corners, the price on a swing tag hanging from its edge, star rating and amenity pills.

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

For OTAs, hotels, vacation rentals and venue marketplaces generating a card per property. The rating draws partial stars and is clamped to 0–5, so a feed sending 48 still shows five stars. Amenities show as up to four pills and about 48 characters in all, the rest in a "+N" pill; a long name shrinks to fit and without a `photo` the inset becomes a facade of lit windows with the hotel's initial. Wide frames put the photo on the left with the tag hanging off its right edge; square and vertical frames put the photo on top with the tag on its bottom edge.

## 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 | Hotel, rental or venue name. (default: Hotel name) | Casa Alma Villas |
| `location` | text | Place in small capitals above the name, e.g. Comporta, Portugal. | Comporta, Portugal |
| `rating` | text | Score from 0 to 5, e.g. 4.8; drives the stars. | 4.8 |
| `reviews` | text | Review count as you want it shown, e.g. 1,284 reviews. | 1,284 reviews |
| `price` | text | Price on the tag, e.g. €320. | €320 |
| `per` | text | Unit after the price, shown as "/ night"; e.g. night, week or person. (default: night) | night |
| `amenities` | text | Amenities separated by `;`, e.g. Private pool;Sea view;Breakfast included. Up to four pills. | Private pool;Sea view;Breakfast included;Free Wi-Fi |
| `photo` | image URL | Property photo in the rounded inset. | https://example.com/images/house.jpg |
| `logo` | image URL | Brand logo, square. | https://example.com/images/b08-hotel.png |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #c2410c) | #c2410c |
| `theme` | dark | light | Colour scheme: dark or light. (default: 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": "hotel-card",
    "modifications": {
        "name": "Casa Alma Villas",
        "location": "Comporta, Portugal",
        "rating": "4.8",
        "reviews": "1,284 reviews",
        "price": "€320",
        "per": "night",
        "amenities": "Private pool;Sea view;Breakfast included;Free Wi-Fi",
        "photo": "https://example.com/images/house.jpg",
        "logo": "https://example.com/images/b08-hotel.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/hotel-card/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```