Add your brand
Upload your logo or paste a URL to get started.
Upload your logo
PNG, JPG, or SVG. Works from your camera roll on mobile.
Upload CSS or paste your styles
Drop a .css file or paste CSS text. We extract all colors and font families locally in your browser.
Your brand colors
Dominant colors extracted from your logo.
Extracted palette
Dark mode: accent colors pop on a dark background. Text should be light.
Assign to roles
Click any swatch to edit. Click an extracted palette color above, then click a role below to assign it there. Or use the color pickers directly.
#1a365d
--brand-primary#2d3748
--brand-secondary#4299e1
--brand-accent#f7fafc
--brand-bg#1a202c
--brand-textDetected fonts
Saved brands appear in My Brands for quick access.
Template preview
Upload your logo to see all 101 template types with live previews in your brand colors.
Live previews - featured templates
Day In The Life
6-scene vlog auto-cut with timestamp stickers and lifestyle stock photography
Product Reveal
3-beat launch sequence: blurred teaser, NEW DROP sticker, confetti hero
Travel Montage
8 location flashes with country stickers and film-grade colour overlays
Aesthetic Quote
Slow-panning background with large serif quote and WavyText emphasis word
BTS Creator
Split-screen before/after portrait with animated BTS sticker badge and glowing divider
Unboxing Moment
Max-energy unboxing with 3 confetti bursts, morphing blobs, and sticker callout badges
Comic Strip
4-panel pop-art comic with halftone background, speech bubbles, and action-word burst
Nature Escape
Cinematic nature portrait with Ken Burns pan, animated leaves or clouds, and sparkles
Foodie Reel
Food photography portrait with steam animation, blob shape, confetti burst, and price badge
Animated Icons
Pure SVG portrait with a pulsing center icon and 6 orbiting icons — no photos needed
Mood Board
9-tile image grid with staggered reveals and a cycling NeonGlowBorder highlight
City Lights
Night city portrait with procedural SVG skyline, pulsing windows, stars, and fireflies
Component Inventory
Architecture grids, dependency maps, and component inventory lists
QBR Dashboard
Executive summaries, detailed reviews, and quarterly comparison dashboards
Thought Leadership
Editorial articles, narrative sequences, and keynote-style presentations
Travel Itinerary
Day-by-day reveals, route overviews, and travel highlight animations
Linda Mohamed Deck
Personal presentation deck - AI systems, cloud, collaboration, and consulting slides
Community GameDay Europe
Live stream overlays for AWS Community GameDay Europe events - preshow, gameplay, inserts, closing
Animated List
Spring-animated list items that slide in with staggered timing. Great for feature lists, agenda items, and step-by-step breakdowns.
Animated Text
Per-character text animation with spring physics - each letter drops in with rotation. Ideal for titles, brand names, and impact statements.
Bounce Text
Headline with bounce-in animation and gradient card background. Perfect for announcements, CTAs, and section openers.
Bubble Pop Text
Letters appear inside bubbles with a springy pop-in effect. Eye-catching for short words, brand names, and social media hooks.
Card Flip
3D card flip animation with front and back faces. Great for reveal moments, before/after, and two-sided information.
Floating Bubble
Text floats inside a glowing bubble with a gentle bobbing motion. Ideal for callouts, featured quotes, and attention-grabbing labels.
Geometric Patterns
Rotating concentric geometric shapes that morph and scale. Works as a background layer, intro sequence, or abstract visual break.
Glitch Text
RGB-split glitch effect with chromatic aberration on text. High-impact for tech intros, error screens, and cyberpunk aesthetics.
Liquid Wave
Flowing liquid wave animation using SVG paths. Mesmerizing background for music, wellness, and ambient content.
Matrix Rain
Falling character rain effect inspired by the Matrix. Great for tech intros, code-themed content, and developer branding.
Particle Explosion
Particle burst that radiates outward from center with rotating motion. Perfect for celebration moments, reveals, and impact screens.
Pulsing Text
Characters pulse with a rhythmic glow effect. Hypnotic animation for music content, meditation apps, and ambient loops.
Slide Text
Clean slide-in text animation with spring physics. The simplest building block - use it as a title card, lower third, or transition.
Sound Wave
Animated audio bar visualization that pulses rhythmically. Ideal for podcast intros, music content, and audiogram-style videos.
Typewriter Subtitle
Typewriter-style text reveal with a blinking cursor. Classic effect for code demos, terminal aesthetics, and dramatic text reveals.
Client Report
Professional weekly and monthly client reports with KPI cards, progress bars, status indicators, and executive summaries. Show project health at a glance.
Project Timeline
Visual project timelines with milestones, phase markers, dependency arrows, and progress tracking. Gantt-style layouts for client presentations.
Client Welcome
Onboarding presentations for new clients with team intros, process overview, communication guidelines, and project kickoff agenda slides.
Scope Change
Formal scope change request videos with impact analysis, timeline adjustments, cost implications, and approval workflows. Professional change management.
Rate Card
Service pricing presentations with tier comparison, hourly vs project rates, package breakdowns, and value proposition layouts. Close deals faster.
Meeting Recap
Post-meeting summary videos with action items, decisions made, attendee highlights, and next steps. Send instead of meeting notes.
Results Showcase
Client ROI and results presentations with before/after metrics, growth charts, achievement highlights, and impact summaries. Prove your value.
Service Overview
One-pager style service descriptions with capability lists, tech stack icons, process diagrams, and call-to-action sections. Perfect for LinkedIn or proposals.
GRWM Reel
Get Ready With Me — 4-scene auto-cut portrait reel (8s) with platform-safe captions, step counter sticker badge, and ConfettiBurst on the final outfit reveal.
Outfit Reveal
Hero outfit shot with WavyText headline, AnimatedSparkles, and a StickerBadge brand callout. Two visual flavors: hot pink neon energy or soft pastel dream.
Festival Lineup
Concert and festival lineup announcement — WavyText hero name, date, venue, and up to 8 artists in a staggered 2-column grid. Neon purple-pink or warm sunset gradient overlays.
Creator Recap
Week-in-review portrait montage — 5 quick scenes with sticker day badges, platform-correct captions, and a BlobShape creator handle outro.
Export CSS variables
Paste these into your project to apply your brand colors everywhere. Works with Remotion themes, CSS files, and any design system.
:root {
--brand-primary: #1a365d;
--brand-secondary: #2d3748;
--brand-accent: #4299e1;
--brand-bg: #f7fafc;
--brand-text: #1a202c;
--brand-font: 'Inter', sans-serif;
}Edit any value above or use the color pickers in Step 2 to update all variables at once.
Save your design
Your brand colors are encoded in a shareable link. Bookmark it or copy it to come back to your exact setup anytime - no account required.
Paste this link to return to your brand setup. Share it with your team. Works forever - it's just a URL.