[Editor Demo] Media Matrix

Editor showcase banner backdrop
left / sm

Banner / left / sm

Compare left-aligned copy with the smallest banner height.

Open variant matrix
Editor showcase hero landscape
center / md

Banner / center / md

This one keeps the content centered with a medium-height shell.

Open landing mix
Editor showcase local photo one
right / lg

Banner / right / lg

Right alignment plus the largest height gives the strongest directional feel.

Open full-width page
Image full auto cover center
Image / full / auto / cover / center
Image wide landscape cover left
Image / wide / landscape / cover / left
Image medium portrait contain right
Image / medium / portrait / contain / right
Image thumbnail square contain center
Image / thumbnail / square / contain / center with link
Centered embed with the standard 16:9 ratio.
Left-aligned embed using the 4:3 ratio.
Right-aligned embed using the 1:1 ratio. The media sourceType is not seeded here because the workspace currently has no local video asset to upload.
This page is a media-focused matrix for banner, image, and video settings so you can compare visual output block by block.