Templates the 50/50 band does not show

Simple content has fourteen templates. The storefront uses 50/50. Here: 25/75, 67/33, four equal columns, and a full-bleed background with parallax orientation down. Feature box types 2, 4, and 6 sit under that. Tabs on this page are vertical with a 400px height token.

25 / 75

Choose a component

The template term is 25 / 75 - for 2 Cols. The image takes the narrow column. Copy takes the rest. Vertical align is center.

67 / 33

Wide copy first. The 33% column is the diagram. Top alignment keeps the first lines even when the image is taller than the paragraph.

Choose, configure, publish

Four columns

One of four equal template columns. The shared vocabulary is why the second page is faster than the first.

One of four equal template columns. The shared vocabulary is why the second page is faster than the first.

One of four equal template columns. The shared vocabulary is why the second page is faster than the first.

One of four equal template columns. The shared vocabulary is why the second page is faster than the first.

Parallax down, full bleed

Simple content backgrounds have their own parallax, separate from container-settings parallax. Orientation here is down. The gallery example uses up. Force full width is on.

Feature box type 2, portrait

Editors

Type 2 with portrait crop. The gallery page shows all seven types in isolation.

Developers

Height token 300px on the parent. Text shadow is on for the titles.

Aero

Each card links to the frozen feature-box example if you want the full matrix.

Feature box type 4, square

Create

Type 4, square orientation, Green color style.

Standardize

Same fields as Type 1. The display-type term is the layout switch.

Ship

Commercial pages stay on Type 1 so this band exists to show the others in context.

Feature box type 6, landscape

Media

Type 6 landscape. Crops still come from the component image style.

Live

Three cards so the grid is honest on a 1200px content width.

Client sites

The same tagged module renders this on a client install.

Vertical tabs, 400px

Orientation is vertical. Height token 400px. CS02 is Orange. On a narrow viewport the component becomes an accordion.

Fourteen simple-content templates. Learn the shared width/columns/gap fields once; the template term only changes the track.

Seven feature-box types share items. Switching Type 1 to Type 6 is a taxonomy on the parent, not a new paragraph bundle.

Horizontal is the storefront default. Vertical is this band. Height can be auto, px, or vh.

Keep going

The frozen gallery is still the per-component reference. These pages are the composition pass.

Capabilities
See it live