<?xml version="1.0" encoding="UTF-8"?>
<template name="Headline stack" category="News" description="A label, headline, sub-headline, source and a live clock." anim="slide-up" from="bottom" animMs="500">
  <field id="label" label="Label" default="TOP STORY"/>
  <field id="headline" label="Headline" default="StreamStudio ships multi-platform output"/>
  <field id="sub" label="Sub-headline" default="One encode now reaches Twitch, YouTube and SRT at once"/>
  <field id="source" label="Source" default="StreamStudio Newsroom"/>
  <field id="accent" label="Accent colour" type="color" default="#dc2626"/>

  <rect x="0" y="828" w="1920" h="252" fill="rgba(10,12,16,0.95)"/>
  <rect x="0" y="828" w="1920" h="6" fill="{accent}"/>
  <rect x="110" y="852" h="52" fill="{accent}" fit="label" pad="22" min="160"/>
  <text id="label" x="132" y="852" h="52" valign="middle" size="26" weight="900" color="#ffffff" letterSpacing="1" uppercase="true">{label}</text>
  <text x="640" y="878" align="right" size="22" weight="700" color="rgba(255,255,255,0.6)">{source}</text>
  <clock x="1810" y="878" align="right" size="24" weight="800" font="mono" color="{accent}" mode="time"/>
  <text id="headline" x="110" y="924" w="1700" size="52" weight="800" color="#ffffff" maxWidth="1700">{headline}</text>
  <text id="sub" x="110" y="996" w="1700" size="30" weight="500" color="rgba(255,255,255,0.78)" maxWidth="1700" if="sub">{sub}</text>
</template>
