Theme preview · Dark
Every color, font, and button on this page comes from your theme. Change them in the CMS and watch this page transform.
“Change your theme in the CMS and watch this entire page transform—colors, type, buttons. What you see here is what your visitors see.”
Primary, secondary, and tertiary drive links and buttons. Hover for hover state; click any swatch to copy.
Primary
Secondary
Tertiary
Semantic & UI colors
Text, backgrounds, canvas. Hover Text and Bg for hover state; click to copy.
Red
Green
White
Black
Text
Bg
Canvas
Main content
Outer frame, content area, and max-width column.
Main outer
Main inner
Main inner max width
The quick brown fox jumps over the lazy dog. Your heading and body fonts are applied across the entire site—from hero text to footers. Tweak them in the theme and see the difference here.
This is the paragraph font your visitors will read in articles, descriptions, and long-form content. Choose something comfortable and on-brand.
Google Fonts
(headings) ‘'Nunito'’
(body) ‘'Nunito'’
Button and input colors control CTAs and forms. Hover Button bg and Button text to see hover state; click a swatch to copy.
Button bg
Button text
Input bg
Input text
Placeholder
In context