Theme Studio

Customize every visual element — colors, typography, layout, and effects.

Presets

Colors

Typography

Layout

Effects

Export & Share

The Quick Brown Fox

This is a sample paragraph showing how your theme affects body text. The quick brown fox jumps over the lazy dog. Good typography makes reading effortless, while poor typography creates friction between the reader and the content.

A Second-Level Heading

Here is another paragraph with a sample link to see how links appear in your chosen theme. Notice how the font family, size, and line height interact to create the overall reading rhythm.

This is a blockquote. It should stand out from the surrounding text while remaining readable and visually connected to the overall design.

Code Example

function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}
  • First item in an unordered list
  • Second item with more detail
  • Third item to show spacing

Sample Post Entry Card

This shows how post cards look on the homepage and archive pages. The border radius, shadows, and spacing all come from your theme settings.

2 min read