Personal Brand Tip

Numbered creator talking-point over sunset media; swap the tip, proof, offer toggle, creator name and accents.

Type
Video
Format
TikTok · 9:16
Orientation
Portrait
Duration
12.4s
Scenes
3
Render cost
$0.0031 / render
VariablesConditional scenesvideo
Open in editor

Free template · opens in the editor, no account required.

Customize Personal Brand Tip

Personal Brand Tip is a ready-to-render Content creator / social video design formatted for TikTok · 9:16 with 3 scenes and support for variables, conditional scenes, video. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

17 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

creatorNameText
MAYA RIVERA
creatorTitleText
personal brand coach
kickerText
BRAND TIP OF THE DAY
tipNumberText
07
tipHeadlineText
Be known for<br>one thing first
tipBodyText
The fastest way to be forgettable is to post about everything. Pick one lane, own it for 90 days, then expand.
proofLabelText
WHY IT WORKS
proofTextText
Specific creators get recommended, quoted and remembered. Generalists get scrolled past.
accentColor
#FF8A5B
accent2Color
#B06AFF
sunsetImageMedia URL
sunsetVideoMedia URL
showOfferToggle
on
offerLabelText
FREE THIS WEEK
offerTextText
My 1-page brand clarity worksheet — link in bio
ctaTextText
Follow for a brand tip daily
musicUrlMedia URL

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗
{
  "name": "social-personal-brand-tip",
  "resolution": "tiktok",
  "frameRate": 30,
  "backgroundColor": "#1A0F1E",
  "outputFormat": "mp4",
  "variables": {
    "creatorName": "MAYA RIVERA",
    "creatorTitle": "personal brand coach",
    "kicker": "BRAND TIP OF THE DAY",
    "tipNumber": "07",
    "tipHeadline": "Be known for<br>one thing first",
    "tipBody": "The fastest way to be forgettable is to post about everything. Pick one lane, own it for 90 days, then expand.",
    "proofLabel": "WHY IT WORKS",
    "proofText": "Specific creators get recommended, quoted and remembered. Generalists get scrolled past.",
    "accent": "#FF8A5B",
    "accent2": "#B06AFF",
    "sunsetImage": "https://images.pexels.com/photos/12963517/pexels-photo-12963517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
    "sunsetVideo": "https://videos.pexels.com/video-files/34398523/14572776_1440_2560_30fps.mp4",
    "showOffer": true,
    "offerLabel": "FREE THIS WEEK",
    "offerText": "My 1-page brand clarity worksheet — link in bio",
    "ctaText": "Follow for a brand tip daily",
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "intro",
      "duration": 3.8,
      "backgroundColor": "#1A0F1E",
      "transition": "smoothleft",
      "transitionId": "tip",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{sunsetVideo}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "volume": 0,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.8
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.8,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='brandA' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#1A0F1E' stop-opacity='0.55'/><stop offset='0.45' stop-color='#1A0F1E' stop-opacity='0.15'/><stop offset='1' stop-color='#1A0F1E' stop-opacity='0.95'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#brandA)'/><rect x='90' y='1300' width='130' height='8' rx='4' fill='#FF8A5B'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 150,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "smoothleft",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='display:inline-block; background:rgba(255,138,91,0.18); border:1.5px solid rgba(255,138,91,0.6); color:#FF8A5B; border-radius:999px; padding:12px 30px; font-size:26px; font-weight:800; letter-spacing:4px;'>{{kicker}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1350,
          "width": 900,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.5,
          "enterEnd": 1,
          "enterAnimation": "smoothup",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Syne"
          },
          "html": "<div style='color:#FFFFFF; font-size:56px; line-height:1.1; font-weight:800; letter-spacing:-1px;'>{{creatorName}}</div><div style='margin-top:12px; color:#E8C4D6; font-size:32px; font-weight:500; letter-spacing:2px;'>{{creatorTitle}}</div>"
        }
      ]
    },
    {
      "id": "tip",
      "duration": 5,
      "backgroundColor": "#1A0F1E",
      "transition": "smoothleft",
      "transitionId": "cta",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 5,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='brandTip' cx='0.7' cy='0.25' r='1'><stop offset='0' stop-color='#3A1B34'/><stop offset='1' stop-color='#1A0F1E'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#brandTip)'/><rect x='84' y='940' width='912' height='500' rx='36' fill='rgba(255,255,255,0.05)' stroke='rgba(176,106,255,0.45)' stroke-width='1.5'/><rect x='84' y='940' width='10' height='500' rx='5' fill='#B06AFF'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 260,
          "anchor": "top-left",
          "track": 1,
          "enterBegin": 0.15,
          "enterEnd": 0.55,
          "enterAnimation": "smoothleft",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Syne"
          },
          "html": "<div style='color:rgba(176,106,255,0.9); font-size:30px; font-weight:800; letter-spacing:6px;'>TIP</div><div style='color:#FF8A5B; font-size:220px; line-height:0.9; font-weight:800; letter-spacing:-8px;'>{{tipNumber}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 560,
          "width": 900,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.35,
          "enterEnd": 0.85,
          "enterAnimation": "smoothup",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Syne"
          },
          "html": "<div style='color:#FFFFFF; font-size:78px; line-height:1.02; font-weight:800; letter-spacing:-2px;'>{{tipHeadline}}</div>"
        },
        {
          "type": "TEXT",
          "x": 132,
          "y": 990,
          "width": 812,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "fade",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='color:{{accent2}}; font-size:26px; font-weight:800; letter-spacing:4px;'>{{proofLabel}}</div><div style='margin-top:18px; color:#EAD9E6; font-size:36px; line-height:1.42; font-weight:500;'>{{tipBody}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1560,
          "width": 900,
          "anchor": "top-left",
          "track": 4,
          "enterBegin": 0.85,
          "enterEnd": 1.3,
          "enterAnimation": "fade",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='color:#C7A9D8; font-size:32px; line-height:1.4; font-weight:500; font-style:italic;'>{{proofText}}</div>"
        }
      ]
    },
    {
      "id": "cta",
      "duration": 4.6,
      "backgroundColor": "#1A0F1E",
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{sunsetImage}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "zoom": true,
          "opacity": 0.4,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.6
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 4.6,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='brandCta' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#1A0F1E' stop-opacity='0.7'/><stop offset='0.5' stop-color='#1A0F1E' stop-opacity='0.45'/><stop offset='1' stop-color='#1A0F1E' stop-opacity='0.95'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#brandCta)'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 700,
          "width": 900,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Syne"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:72px; line-height:1.06; font-weight:800; letter-spacing:-2px;'>Own your lane.<br>Then widen it.</div>"
        },
        {
          "type": "TEXT",
          "condition": "{{showOffer}}",
          "x": 540,
          "y": 1050,
          "width": 880,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "circleopen",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='display:inline-block; background:rgba(176,106,255,0.18); border:1.5px solid rgba(176,106,255,0.6); color:#D8BBFF; border-radius:20px; padding:22px 40px;'><span style='display:block; color:#B06AFF; font-size:24px; font-weight:800; letter-spacing:4px;'>{{offerLabel}}</span><span style='display:block; margin-top:8px; color:#F1E6FA; font-size:32px; font-weight:600;'>{{offerText}}</span></div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1440,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 1,
          "enterEnd": 1.4,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='display:inline-block; background:{{accent}}; color:#1A0F1E; border-radius:999px; padding:26px 62px; font-size:36px; font-weight:800;'>{{ctaText}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More Content creator / social templates

View all ↗

Ready to ship video at scale?

Start free — your first render is only a JSON payload away.