Canva-style themes

Grape Theme

A rich purple theme on lavender. Ideal for creative, premium, and modern presentations.

Preview all templates View all themes

text

accent

accent2

gradient

Card Shadow none (flat)

Heading Weight 700

Constant THEME_GRAPE

Templates in this Theme

7 templates available in Grape

Every template below is available with the Grape theme. Click to view the template details or preview in the player.

Announcement

15 variants

Announcement

Eye-catching announcement videos for social media - product launches, updates, and news with bold typography and animations.

Call to Action

15 variants

Call to Action

Compelling CTA videos for social media - subscribe prompts, follow requests, and engagement drivers with animated buttons and text.

Listicle

15 variants

Listicle

Animated list videos for social media - numbered tips, top 5 lists, and step-by-step guides with smooth reveal animations.

Quote Card

14 variants

Quote Card

Animated quote graphics for social media - inspirational quotes, testimonials, and thought leadership content with elegant typography.

Stat Counter

15 variants

Stat Counter

Animated statistics and metrics for social media - number counters, progress bars, and data visualizations with smooth animations.

Testimonial

126 variants

Testimonial

Animate client quotes with smooth entrance reveals, social proof reels, and editorial-style review layouts. Turn text testimonials into video content.

Tip of the Day

15 variants

Tip of the Day

Daily tip videos for social media - productivity tips, design advice, and quick tutorials with numbered tip format.

Customize

Adapt the Grape theme

Make this theme your own by customizing colors, fonts, and gradients.

Customize Colors

Modify the accent colors, backgrounds, and text colors to match your brand. All color values are defined in the theme configuration.

Change Fonts

Swap out the default fonts with your brand typography. The theme supports custom font families and weights.

Adjust Gradients

Create unique gradient combinations for accent elements. Define custom gradient directions and color stops.

Save as New Theme

Once customized, save your modifications as a new theme to reuse across all templates in your projects.

Learn how to customize themes View Design System docs

Use Grape in your code

Example usage

import { THEME_GRAPE } from "../_shared/themes";

// Use with any template
<Testimonial
  spec={mySpec}
  theme={THEME_GRAPE}
  layout="centered"
/>

// Or use the THEMES registry
const theme = THEMES["grape"];

Grape Theme

7 templates available in Grape

Adapt the Grape theme

Customize Colors

Change Fonts

Adjust Gradients

Save as New Theme

Use Grape in your code

More themes in Canva-style themes