Top region

Target placement is Top region. apb-placement.js moved this slideshow to #presentation-region, above the page header. The node title is hidden on purpose when a paragraph sits here.

Width, chrome, and where a band sits

Most commercial bands are 100% wide and stay in the paragraph field (Body). The same parents accept a width token, a color style other than Blue, and container settings JSON: padding, margin, border, background color, optional media. Placement terms other than Body only work when the theme prints the locator. Sidebars and Internal Placement 1–3 are seeded but this theme does not currently emit those IDs, so those terms would hide the paragraph.

A 75% band with container settings

Padding 32px, background #F5F7FA, 8px radius, 1px border. The items still use Orange color style.

75% width

This special list is not full bleed. Twig centers anything below 100% with max-width and auto margins.

Surface chrome

Container settings paint the padding and #F5F7FA background. No custom CSS on the node.

Orange, not Blue

Color style is a taxonomy. Change the term; do not hardcode a hex in the theme.

Fifty percent, teal

Narrow column

This feature box parent is 50% wide. On a phone the width token still applies; the grid collapses by the component CSS.

Teal accent

Color style Teal Blue on the parent. The cards follow unless an item overrides CS01.

Dark container, Body placement

Container settings text_color is #FFFFFF with text_color_items=exclude, so chrome (title, intro) picks up the color and nested items keep their own. CS02 on the accordion is Teal.

Body placement: it stays in the paragraph field. The next band is Main Content Bottom, which appends to #apb-main-content after the rest of the node.

Appended to main content bottom

Placement term Main Content Bottom. After JS runs, this band is the last child of #apb-main-content even if it is not last in the entity reference field.

Capabilities