<div class="ts-card" style="max-width:520px;">
<div class="ts-card__header">
<div>
<div class="ts-eyebrow">Filming space</div>
<h3 class="ts-card__title">Your set, analysed</h3>
</div>
<div class="ts-card__meta">2 of 275 characters</div>
</div>
<p class="ts-card__body">Four photos analysed 2 minutes ago. Strongest matches first.</p>
<p class="ts-hint">Scores compare your space against the formats your audience watches most.</p>
<div class="ts-card__actions">
<a href="#" class="button button--primary">Plan a video here</a>
<a href="#" class="button">Improve the set</a>
</div>
</div>
<div class="ts-card{{#if single}} ts-card--tint{{/if}}{{#if selected}} is-selected{{/if}}"
style="{{#if maxWidth}}max-width:{{maxWidth}};{{/if}}">
{{#if image}}
<div class="ts-card__figure">
<img src="{{image}}" alt="{{imageAlt}}">
</div>
{{/if}}
{{#if title}}
<div class="ts-card__header">
<div>
{{#if eyebrow}}<div class="ts-eyebrow">{{eyebrow}}</div>{{/if}}
<h3 class="ts-card__title">{{title}}</h3>
</div>
{{#if meta}}<div class="ts-card__meta">{{meta}}</div>{{/if}}
</div>
{{/if}}
{{#if body}}<p class="ts-card__body">{{body}}</p>{{/if}}
{{#if hint}}<p class="ts-hint">{{hint}}</p>{{/if}}
{{#if empty}}
<div class="ts-card__empty">
<p class="ts-card__empty-title">{{empty.title}}</p>
<p class="ts-card__empty-body">{{empty.body}}</p>
<a href="#" class="button button--primary">{{empty.action}}</a>
</div>
{{/if}}
{{#if action}}
<div class="ts-card__actions">
<a href="#" class="button button--primary">{{action}}</a>
{{#if secondaryAction}}<a href="#" class="button">{{secondaryAction}}</a>{{/if}}
</div>
{{/if}}
</div>
{
"title": "Your set, analysed",
"body": "Four photos analysed 2 minutes ago. Strongest matches first.",
"eyebrow": "Filming space",
"meta": "2 of 275 characters",
"hint": "Scores compare your space against the formats your audience watches most.",
"image": null,
"action": "Plan a video here",
"secondaryAction": "Improve the set",
"empty": null,
"single": false,
"selected": false,
"maxWidth": "520px"
}
Eyebrow, title, meta slot, body, hint and both actions. Most cards use a subset.