[Editor Demo] Media and Utilities

Media showcase

Inspect visual blocks with actual uploaded assets

This page includes different image ratios, alignments, video embed settings, divider styles, and logo layouts.

Centered landscape image demo
Wide centered image with landscape ratio.
Left aligned square image demo
Medium square image aligned left and linked to the block-tour post.
Use embedUrl, posterImage, ratio, and caption to inspect video settings.
Editor showcase hero landscape
Banner / right / md

Right-aligned banner with seeded background image

This helps compare banner output against the hero and image blocks on the same route.

Open layout recipes

Grid logos with grayscale on

Editor showcase favicon mark
Editor showcase inline graphic
Editor showcase local photo one
Editor showcase local photo two

Media-block notes

Why upload media instead of leaving ids empty?

So you can compare the editor configuration with visible public output immediately.

Why use both grid and strip logo layouts?

To show how the same image set behaves under different layout modes.

This page focuses on image, video, logos, spacer, and divider blocks with visibly different settings.