Product Hunt Launch - Typographic
A 21-second 16:9 launch promo for a Product Hunt day, built so a founder with nothing pretty to show can still ship a video. No screenshots are required: a logo, a name, a tagline and three short lines are the whole input, and type carries every beat. Five scenes - a lockup on the brand colour, then the problem, the answer and the closer as three full-bleed headlines, then the launch ask. The grounds alternate violet, ink, paper and an ink-and-violet split so a talking-head-free cut still moves, and each one carries a large low-contrast faceted shard that rotates in from a tilt, settles flat and tilts back out as the scene leaves. The logo tile tumbles in on a double-axis flip, the kickers hinge up, and the Product Hunt pill flips into place on the closing card. Eight dynamic fields: logo, product_name, tagline, feature_1, feature_2, feature_3, launch_line and cta_line. The three feature lines carry the whole video, so keep them near 48 characters - they are set at a fixed 132px and wrap to a designed second line, with room for a third before anything clips. product_name reads best under about 14 characters and cta_line under about 26. launch_line is the only Product-Hunt-specific element in the template: clear it and the orange pill disappears with it, leaving a generic launch video that works on X, LinkedIn, a landing page or a mailer. The logo variable is the whole white card, not just the mark on it, so a replacement is one square image. Set in Geist and JetBrains Mono against a violet, ink and paper palette.
- Aspect ratio
- 16:9 · Horizontal
- Duration
- ~21s
- Category
- Branding
Try it with your own copy
Edit a field and the frame re-renders in your browser. No account, no credits - previews are free because they cost a browser paint, not a render.
What you can customize
This template exposes 8 dynamic fields you can swap per video - edit them in the editor or pass them to the API to batch-render variations at scale. The monospace name is the exact key to send in replacements.
Logo
urllogodata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMjQwIiB2aWV3Qm94PSIwIDAgMjQwIDI0MCI+PHJlY3Qgd2lkdGg9IjI0MCIgaGVpZ2h0PSIyNDAiIHJ4PSI2MyIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iNTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdDM0FFRCIgc3Ryb2tlLXdpZHRoPSIxNSIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iMTUiIGZpbGw9IiM3QzNBRUQiLz48L3N2Zz4=
Product Name
textproduct_nameCadence
~41 characters max · 2 lines
Tagline
texttaglineAsync standups your team won't skip.
~157 characters max · 3 lines
Feature 1
textfeature_1Nobody reads the standup channel.
~76 characters max · 3 lines
Feature 2
textfeature_2One digest a day, in the tool you already use.
~80 characters max · 3 lines
Feature 3
textfeature_3Free for teams under ten.
~63 characters max · 3 lines
Launch Line
textlaunch_line● LIVE ON PRODUCT HUNT TODAY
~309 characters max · 2 lines
Cta Line
textcta_lineUpvote us - cadence.team
Render it from the API
Copy either call below. Both already carry this template's ID and its real variable keys - swap the values for your own.
1. Preview it — free
Same body as a render. Costs no credits, creates no job. Returns a public URL that plays the video in a browser, plus a list of problems with your payload — a mistyped key is otherwise ignored in silence.
curl -X POST https://renderly.video/api/v1/previews \
-H "Authorization: Bearer $RENDERLY_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"templateId": "producthunt-launch-typographic",
"replacements": {
"logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMjQwIiB2aWV3Qm94PSIwIDAgMjQwIDI0MCI+PHJlY3Qgd2lkdGg9IjI0MCIgaGVpZ2h0PSIyNDAiIHJ4PSI2MyIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iNTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdDM0FFRCIgc3Ryb2tlLXdpZHRoPSIxNSIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iMTUiIGZpbGw9IiM3QzNBRUQiLz48L3N2Zz4=",
"product_name": "Cadence",
"tagline": "Async standups your team won'\''t skip.",
"feature_1": "Nobody reads the standup channel.",
"feature_2": "One digest a day, in the tool you already use.",
"feature_3": "Free for teams under ten."
}
}'2. Render it
Change one word in the URL. Keep templateId — it is what links your call to this template, so later improvements reach you automatically.
curl -X POST https://renderly.video/api/v1/renders \
-H "Authorization: Bearer $RENDERLY_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"templateId": "producthunt-launch-typographic",
"replacements": {
"logo": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMjQwIiB2aWV3Qm94PSIwIDAgMjQwIDI0MCI+PHJlY3Qgd2lkdGg9IjI0MCIgaGVpZ2h0PSIyNDAiIHJ4PSI2MyIgZmlsbD0iI0ZGRkZGRiIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iNTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdDM0FFRCIgc3Ryb2tlLXdpZHRoPSIxNSIvPjxjaXJjbGUgY3g9IjEyMCIgY3k9IjEyMCIgcj0iMTUiIGZpbGw9IiM3QzNBRUQiLz48L3N2Zz4=",
"product_name": "Cadence",
"tagline": "Async standups your team won'\''t skip.",
"feature_1": "Nobody reads the standup channel.",
"feature_2": "One digest a day, in the tool you already use.",
"feature_3": "Free for teams under ten."
}
}'The body above shows 6 of 8 variables. Send any subset — every key you leave out renders its authored default. Read the full contract, with character limits, from GET /api/v1/templates/producthunt-launch-typographic/variables. See the previewing guide, the rendering guide, or the OpenAPI spec.
Frequently asked questions
How do I customize the Product Hunt Launch - Typographic template?
Open the template in the Renderly editor and replace its 8 customizable fields (such as Logo) with your own text, images, or video. Every change previews instantly before you render.
How much does it cost to render this template?
Rendering is credit-based - 1 credit equals 1 minute of 1080p video. You only pay when you export, and credits never expire on the pay-as-you-go plan.
Can I generate this video at scale via the API?
Yes. POST this template's ID and a replacements object to /api/v1/renders - one call per row of data, 8 fields swappable per video. Send the same body to /api/v1/previews first to check it for free. No-code integrations like Zapier work the same way.
More Branding templates
Product Hunt Launch - Web App
A five-scene Product Hunt launch promo for a SaaS product with a browser UI worth showing. 1920x1080 16:9, 17.4 seconds at 30fps, cut on a dark-light-dark-light-dark rhythm with a single teal accent and ground wipes between beats instead of hard cuts. The product screenshots are real 3D layers: the ask panel and the three closing cards arrive tilted and rotate flat onto their own boxes as they land, then hold a slow sway. Eleven dynamic fields swap per render: logo, product_name, tagline, three 16:9 captures (screenshot_1, screenshot_2 and screenshot_3, each reused across two scenes at different crops), three one-line feature claims (feature_1, feature_2, feature_3), launch_line and cta_line. launch_line is the only Product Hunt specific element in the whole template - leave it empty and the orange pill disappears, turning the same render into a generic we-shipped video for X, LinkedIn, a landing page or a mailer. cta_line is passed preformatted so the user types their own URL and wording. Attribution appears once, small, on the closing frame.
Company Culture / Employer Brand
The always-on employer-brand film a company renders once and links every individual job ad back to — 40 seconds, 16:9 (1920x1080), six scenes on an alternating warm-paper / ink rhythm with a single terracotta accent, set in Instrument Serif, Work Sans and JetBrains Mono. It opens on a full-bleed shot of the room under the company's own opening line, then makes its whole argument in one frame: three team photographs presented as captioned evidence under "Nothing here was arranged." Three culture points follow — the first beside a photo card on ink, the second where the photograph becomes a physical print laid on the page at -2.4 degrees, the third delivered from a paper slip over the full-bleed room — before a cross-dissolve (the only one in the edit) into a screenshotable careers card carrying a terracotta CTA pill, the careers URL and a three-up contact strip of the same three photographs. Eighteen dynamic fields swap per render: company_name and company_detail (the masthead on all six scenes), opening_line, culture_1_title/culture_2_title/culture_3_title with their matching culture_1_body/culture_2_body/culture_3_body, caption_1/caption_2/caption_3, closing_line, careers_url, and four photographs — photo_room plus photo_team_1/photo_team_2/photo_team_3, each reused across several scenes so a single swap updates every appearance. Each caption_N is bound to its own photo_team_N and must describe that specific picture ("TUESDAY PLANNING. NINE MINUTES."), because the documentary caption is what stops three office photos reading as stock. Re-render whenever a fact stops being true — headcount, office, or policy — or batch one per trading brand off a single HR record. Text renders at fixed design sizes, so keep replacements near the sample lengths (title ~26 chars, caption ~34, closing line ~64) or they will clip rather than shrink.
Award & Recognition Announcement
A composed "we won something" film built as a citation rather than a firework: the award, the category, the issuing body, the year, and one restrained sentence saying why. Five scenes over 33 seconds at 1920x1080 (16:9), alternating deep ink and champagne grounds with award gold used as an engraver's line — a 1px certificate frame inset 54px on every frame, hairline rules, and a drawn seal that carries the year at 300px on the opener, 150px as a stamp beside the recipient, and 200px on the close. Ten fields swap per render: announcement_label (the flex knob — AWARD ANNOUNCEMENT / CERTIFICATION / RANKING / TEN YEARS), issuing_body, year_label, award_name, category_name, citation_line, recipient_name, recipient_line, website_line, and recipient_photo (the one photographic beat, a right-hand panel under a left-to-right ink scrim with a slow 1.06x push). One row per winner in a spreadsheet becomes one film per winner, each with its own name set in 104px Bodoni instead of a shared PNG.