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
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.
creatorNameTextcreatorTitleTextkickerTexttipNumberTexttipHeadlineTexttipBodyTextproofLabelTextproofTextTextaccentColoraccent2ColorsunsetImageMedia URLsunsetVideoMedia URLshowOfferToggleofferLabelTextofferTextTextctaTextTextmusicUrlMedia URLThe exact JSON payload
This is the full render config — POST it to the API, or open it in the editor to tweak.
{
"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.









