Flat/Material themes

Paper Theme

A warm paper-like theme with sepia tones. Perfect for documents, books, and classic content.

Preview all templates View all themes

text

accent

accent2

gradient

Card Shadow none (flat)

Heading Weight 700

Constant THEME_PAPER

Templates in this Theme

2 templates available in Paper

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

Quote Card

14 variants

Quote Card

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

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.

Customize

Adapt the Paper 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 Paper in your code

Example usage

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

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

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