Diffvideo/Docs

Custom Branding

Diffvideo renders videos with your brand's visual identity. Configure colors, logos, fonts, and templates so every video looks like it came from your team.

Custom branding is available on the Pro and Enterprise plans. Free plan videos include Diffvideo watermarking.

Brand configuration

Branding is configured at the repository level. Navigate to Settings → Integrations, select a repository, and open the Style tab. You can configure:

Colors

Set your primary brand color, accent color, and background color. These are used throughout the video for headings, highlights, and the overall visual tone. Colors can be specified as hex codes, RGB, or HSL values.

Logo

Upload your logo (SVG or PNG recommended). The logo appears in the video intro and outro sequences. For best results, use a logo with a transparent background and at least 200px width.

Fonts

Diffvideo supports Google Fonts for video rendering. Specify a heading font and body font that match your brand guidelines. If no custom fonts are configured, the default Geist font family is used.

Style extraction

When you connect a repository, Diffvideo can automatically extract design tokens from your codebase. If your project uses Tailwind CSS or CSS custom properties, the style extraction reads your configuration and suggests brand colors and fonts based on your existing design system.

Style extraction is optional and non-destructive — it reads your config files but never modifies them. You can override any extracted values with manual configuration.

Per-repository configuration

Each repository can have its own brand configuration. This is useful for organizations with multiple products or brands — each repository's videos can use different colors, logos, and fonts.

Next steps