Style Guide & Design System Sandbox

This private page showcases your live theme typography scales, brand colors, and button states. Use it to check readability and visual contrast.

Typography & Headings

Heading 1 (H1) Preview Text

Heading 2 (H2) Preview Text

Heading 3 (H3) Preview Text

Heading 4 (H4) Preview Text

Heading 5 (H5) Preview Text

Heading 6 (H6) Preview Text

This is a standard body paragraph layout. It represents your default text styling, size, line-height, and font readability metrics. This text is bold and this text is italicized to verify your theme inline text styles look clean.

“This is a standard blockquote block testing how callouts, testimonials, and blockquote borders style natively.”

— Testimonial Author

Button Variants

Standard List

• Standard bullet point list item number one.
• Standard bullet point list item number two with a sample inline hyperlink text link layout.

Active Color Palette (17 Swatches)

These blocks pull color data directly from your theme engine variables. If you change a Hex code in your Customizer, these swatches will update automatically.