SDUI Schema Gallery

Select schemas to render them vertically in desktop mode.

FIND CREATIVITIES

Examples

1 layout(s), 1 data source(s). Components: container, carousel, media.

Look 01 — 49.95 EUR
Look 02 — 59.95 EUR

1 layout(s), 1 data source(s). Components: carousel, container, media, text.

Width + aspect ratio container
Auto width / fixed height

1 layout(s), 0 data source(s). Components: container, text.

Direct data text Media and copy come from a data source

1 layout(s), 1 data source(s). Components: container, media, text.

Horizontal editorial split

1 layout(s), 0 data source(s). Components: container, text, media.

Stack: media + SVG + text

1 layout(s), 0 data source(s). Components: container, media, text.

Vertical campaign flow
Text below media with centered alignment.

1 layout(s), 0 data source(s). Components: container, text, media.

1 layout(s), 0 data source(s). Components: container, media.

1 layout(s), 0 data source(s). Components: container, media.

1 layout(s), 0 data source(s). Components: container, media.

Bold, italic, strike and link
Long line with ellipsis overflow behavior for checking max lines in desktop rendering.
—

1 layout(s), 1 data source(s). Components: container, text.

Selected renders

Selected schemas are rendered below, one after another, using the current direction.