Canva-style themes

Cream Theme

A warm cream theme with brown accents. Ideal for artisan, handcrafted, and cozy content.

Preview all templates View all themes

text

accent

accent2

gradient

Card Shadow none (flat)

Heading Weight 700

Constant THEME_CREAM

Templates in this Theme

7 templates available in Cream

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

Aesthetic Quote

2 variants

Aesthetic Quote

Slow-panning minimalist background image with a large serif quote. One emphasis word animates as WavyText. Editorial top/bottom rules frame the composition.

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.

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 Cream 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 Cream in your code

Example usage

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

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

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

Cream Theme

7 templates available in Cream

Adapt the Cream theme

Customize Colors

Change Fonts

Adjust Gradients

Save as New Theme

Use Cream in your code

More themes in Canva-style themes