Flat/Material themes

Blueprint Theme

A bold blue theme with white accents. Perfect for technical diagrams and engineering content.

Preview all templates View all themes

text

accent

accent2

gradient

Card Shadow none (flat)

Heading Weight 600

Constant THEME_BLUEPRINT

Templates in this Theme

1 templates available in Blueprint

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

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

Example usage

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

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

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