<?xml version="1.0" encoding="UTF-8"?>
<template name="Profile card" category="Lower thirds" description="Rounded glass card with an initials badge." anim="slide-up" from="bottom" animMs="550">
  <field id="name" label="Name" default="Taylor Brooks"/>
  <field id="role" label="Title / role" default="Community Manager"/>
  <field id="initials" label="Badge text" default="TB"/>
  <field id="accent" label="Badge colour" type="color" default="#7c3aed"/>
  <field id="accent2" label="Badge gradient end" type="color" default="#2563eb"/>

  <rect x="110" y="800" h="120" radius="20" fill="rgba(15,18,24,0.86)" stroke="rgba(255,255,255,0.14)" strokeWidth="1.5" fit="name,role" pad="30" extra="52" min="380"/>
  <rect x="136" y="830" w="60" h="60" radius="30" fill="linear(135,{accent},{accent2})"/>
  <text x="166" y="860" align="center" valign="middle" size="26" weight="800" color="#ffffff">{initials}</text>
  <text id="name" x="222" y="826" size="38" weight="700" color="#ffffff" maxWidth="1000">{name}</text>
  <text id="role" x="222" y="872" size="24" weight="500" color="rgba(255,255,255,0.72)" maxWidth="1000" if="role">{role}</text>
</template>
