Source: https://docs.amadalis.ai/reference/sections/layout/

# Layout reference

Open a page in **Composer** in the site admin and select the section you are inspecting. Use **Settings** and **Appearance** alongside the fields below. Read the [shared field guide](https://docs.amadalis.ai/reference/sections/common-fields/) for the meaning of the table columns.

Checked against the product’s code on 7 November 2026.

This reference lists the catalog fields and their basic starter configuration. Read [Shared section fields](https://docs.amadalis.ai/reference/sections/common-fields/) for the default rules and the shared groups of fields added to these sections. A chosen preset can start with different values.

CTA means call to action. Viewport means the browser’s visible area. Opacity controls how see-through something is: 0 is transparent and 1 is solid. The semantic tag records what kind of content a layout represents.

## Row (columns)

A row of columns that holds child content, with controls for layout and presentation.

Also carries: Advanced fields, Appearance fields. See [shared fields](https://docs.amadalis.ai/reference/sections/common-fields/).

| Field | Input | Required | Choices | Field default | Starter value |
| --- | --- | --- | --- | --- | --- |
| Flush columns (source spaces by module margins)  
`flushColumns` | Yes or no | No | No fixed list | Not declared | Not set |
| Equal-height columns (declared by the source)  
`equalHeight` | Yes or no | No | No fixed list | Not declared | Not set |
| Hidden on mobile (declared by the source)  
`hiddenMobile` | Yes or no | No | No fixed list | Not declared | Not set |
| Hidden on tablet (declared by the source)  
`hiddenTablet` | Yes or no | No | No fixed list | Not declared | Not set |
| Hidden on desktop (declared by the source)  
`hiddenDesktop` | Yes or no | No | No fixed list | Not declared | Not set |
| Background image  
`backgroundImageUrl` | Picture | No | No fixed list | Not declared | Not set |
| Background colour (beneath the image)  
`backgroundColor` | Text | No | No fixed list | Not declared | Not set |
| Background gradient (CSS, layered above the image)  
`backgroundGradient` | Text | No | No fixed list | Not declared | Not set |
| Background overlay color  
`backgroundOverlayColor` | Text | No | No fixed list | Not declared | Not set |
| Background overlay opacity (0 to 1)  
`backgroundOverlayOpacity` | Number | No | No fixed list | Not declared | Not set |
| Content max width (declared by the source row, e.g. 886px)  
`contentMaxWidth` | Text | No | No fixed list | Not declared | Not set |
| Content width mode (declared by the source row: boxed constrains to the kit’s own default; full spans its own parent)  
`contentWidthMode` | Choice | No | Boxed (the kit’s own default width) (`boxed`); Full (spans its own parent, no cap) (`full`) | Not declared | Not set |
| Space between columns (declared by the source row, e.g. 0px)  
`gridGap` | Text | No | No fixed list | Not declared | Not set |
| Space between wrapped rows (declared by the source row)  
`gridRowGap` | Text | No | No fixed list | Not declared | Not set |
| Space between columns, tablet (declared)  
`gridGapTablet` | Text | No | No fixed list | Not declared | Not set |
| Space between columns, mobile (declared)  
`gridGapMobile` | Text | No | No fixed list | Not declared | Not set |
| Space between wrapped rows, tablet (declared)  
`gridRowGapTablet` | Text | No | No fixed list | Not declared | Not set |
| Space between wrapped rows, mobile (declared)  
`gridRowGapMobile` | Text | No | No fixed list | Not declared | Not set |
| Min height (declared by the source row, e.g. 100vh)  
`rowMinHeight` | Text | No | No fixed list | Not declared | Not set |
| Source viewport ranges  
`responsiveProfile` | Source viewport ranges | No | No fixed list | Not declared | Not set |
| Min height, tablet (declared)  
`rowMinHeightTablet` | Text | No | No fixed list | Not declared | Not set |
| Min height, mobile (declared)  
`rowMinHeightMobile` | Text | No | No fixed list | Not declared | Not set |
| Padding (declared by the source row, four sides, e.g. 6% 20px 3% 20px)  
`rowPadding` | Text | No | No fixed list | Not declared | Not set |
| Padding, tablet (declared)  
`rowPaddingTablet` | Text | No | No fixed list | Not declared | Not set |
| Padding, mobile (declared; the builder zeroes the sides)  
`rowPaddingMobile` | Text | No | No fixed list | Not declared | Not set |
| Outer margin (declared by the source row, four sides)  
`rowMargin` | Text | No | No fixed list | Not declared | Not set |
| Outer margin, tablet (declared)  
`rowMarginTablet` | Text | No | No fixed list | Not declared | Not set |
| Outer margin, mobile (declared)  
`rowMarginMobile` | Text | No | No fixed list | Not declared | Not set |
| Border style (declared by the source row)  
`borderStyle` | Choice | No | Solid (`solid`); Double (`double`); Dotted (`dotted`); Dashed (`dashed`); Groove (`groove`) | Not declared | Not set |
| Border width (declared by the source row, four sides)  
`borderWidth` | Text | No | No fixed list | Not declared | Not set |
| Border width, tablet (declared)  
`borderWidthTablet` | Text | No | No fixed list | Not declared | Not set |
| Border width, mobile (declared)  
`borderWidthMobile` | Text | No | No fixed list | Not declared | Not set |
| Border color (declared by the source row)  
`borderColor` | Text | No | No fixed list | Not declared | Not set |
| Corner radius (declared by the source row, four corners)  
`borderRadius` | Text | No | No fixed list | Not declared | Not set |
| Corner radius, tablet (declared)  
`borderRadiusTablet` | Text | No | No fixed list | Not declared | Not set |
| Corner radius, mobile (declared)  
`borderRadiusMobile` | Text | No | No fixed list | Not declared | Not set |
| Box shadow (declared by the source row, a CSS box-shadow value)  
`boxShadow` | Text | No | No fixed list | Not declared | Not set |
| Stacking order (declared by the source row)  
`zIndex` | Number | No | No fixed list | Not declared | Not set |
| Stacking order, tablet (declared)  
`zIndexTablet` | Number | No | No fixed list | Not declared | Not set |
| Stacking order, mobile (declared)  
`zIndexMobile` | Number | No | No fixed list | Not declared | Not set |
| Border style on hover (declared by the source row)  
`hoverBorderStyle` | Choice | No | Solid (`solid`); Double (`double`); Dotted (`dotted`); Dashed (`dashed`); Groove (`groove`) | Not declared | Not set |
| Border width on hover (declared, four sides)  
`hoverBorderWidth` | Text | No | No fixed list | Not declared | Not set |
| Border width on hover, tablet (declared)  
`hoverBorderWidthTablet` | Text | No | No fixed list | Not declared | Not set |
| Border width on hover, mobile (declared)  
`hoverBorderWidthMobile` | Text | No | No fixed list | Not declared | Not set |
| Border color on hover (declared by the source row)  
`hoverBorderColor` | Text | No | No fixed list | Not declared | Not set |
| Corner radius on hover (declared, four corners)  
`hoverBorderRadius` | Text | No | No fixed list | Not declared | Not set |
| Corner radius on hover, tablet (declared)  
`hoverBorderRadiusTablet` | Text | No | No fixed list | Not declared | Not set |
| Corner radius on hover, mobile (declared)  
`hoverBorderRadiusMobile` | Text | No | No fixed list | Not declared | Not set |
| Box shadow on hover (declared, a CSS box-shadow value)  
`hoverBoxShadow` | Text | No | No fixed list | Not declared | Not set |
| Hover transition (ms, declared by the source row)  
`hoverTransitionMs` | Number | No | No fixed list | Not declared | Not set |
| Text color (declared by the source row; it cascades to the row’s content)  
`textColor` | Text | No | No fixed list | Not declared | Not set |
| Breakpoint basis  
`regime` | Choice | No | The host column’s width (default) (`host`); The viewport (a source builder’s nested group) (`viewport`) | Not declared | Not set |
| Column order, tablet (declared by the source row)  
`columnOrderTablet` | Choice | No | Reversed (`reverse`) | Not declared | Not set |
| Column order, mobile (declared by the source row)  
`columnOrderMobile` | Choice | No | Reversed (`reverse`) | Not declared | Not set |
| Column content flow (declared by the source builder)  
`columnFlow` | Choice | No | Flex column (margins never collapse) (`flex`); Block flow (margins collapse) (`block`) | Not declared | Not set |
| Background bleed (declared by the source row)  
`bleed` | Choice | No | Full browser width (`full`); Content width (`content`) | Not declared | Not set |
| Columns  
`columns` | List of entries | No | No fixed list | Not declared | 2 starter entries |
| Width % (desktop)  
`columns[].width` | Text | No | No fixed list | Not declared | `50` |
| Width % (tablet; blank = desktop)  
`columns[].widthTablet` | Text | No | No fixed list | Not declared | Not set |
| Width % (mobile; blank = stacked)  
`columns[].widthMobile` | Text | No | No fixed list | Not declared | Not set |
| Max width on mobile (declared by the source; column centred in its line)  
`columns[].maxWidthMobile` | Text | No | No fixed list | Not declared | Not set |
| Vertical alignment (declared by the source column)  
`columns[].verticalAlign` | Choice | No | Top (`top`); Center (`center`); Bottom (`bottom`) | Not declared | Not set |
| Vertical alignment, tablet (declared by the source column)  
`columns[].verticalAlignTablet` | Choice | No | Top (`top`); Center (`center`); Bottom (`bottom`) | Not declared | Not set |
| Vertical alignment, mobile (declared by the source column)  
`columns[].verticalAlignMobile` | Choice | No | Top (`top`); Center (`center`); Bottom (`bottom`) | Not declared | Not set |
| Padding (declared by the source column, e.g. 0px 10% 0px 0px)  
`columns[].padding` | Text | No | No fixed list | Not declared | Not set |
| Padding, tablet (declared)  
`columns[].paddingTablet` | Text | No | No fixed list | Not declared | Not set |
| Padding, mobile (declared)  
`columns[].paddingMobile` | Text | No | No fixed list | Not declared | Not set |
| Gap between blocks (declared by the source column’s flex container)  
`columns[].childGap` | Text | No | No fixed list | Not declared | Not set |
| Gap between blocks, tablet (declared)  
`columns[].childGapTablet` | Text | No | No fixed list | Not declared | Not set |
| Gap between blocks, mobile (declared)  
`columns[].childGapMobile` | Text | No | No fixed list | Not declared | Not set |
| Hidden on mobile (declared by the source)  
`columns[].hiddenMobile` | Yes or no | No | No fixed list | Not declared | Not set |
| Hidden on tablet (declared by the source)  
`columns[].hiddenTablet` | Yes or no | No | No fixed list | Not declared | Not set |
| Hidden on desktop (declared by the source)  
`columns[].hiddenDesktop` | Yes or no | No | No fixed list | Not declared | Not set |
| Border style (declared by the source column)  
`columns[].borderStyle` | Choice | No | Solid (`solid`); Double (`double`); Dotted (`dotted`); Dashed (`dashed`); Groove (`groove`) | Not declared | Not set |
| Border width (declared by the source column, four sides)  
`columns[].borderWidth` | Text | No | No fixed list | Not declared | Not set |
| Border width, tablet (declared)  
`columns[].borderWidthTablet` | Text | No | No fixed list | Not declared | Not set |
| Border width, mobile (declared)  
`columns[].borderWidthMobile` | Text | No | No fixed list | Not declared | Not set |
| Border color (declared by the source column)  
`columns[].borderColor` | Text | No | No fixed list | Not declared | Not set |
| Corner radius (declared by the source column, four corners)  
`columns[].borderRadius` | Text | No | No fixed list | Not declared | Not set |
| Corner radius, tablet (declared)  
`columns[].borderRadiusTablet` | Text | No | No fixed list | Not declared | Not set |
| Corner radius, mobile (declared)  
`columns[].borderRadiusMobile` | Text | No | No fixed list | Not declared | Not set |
| Box shadow (declared by the source column, a CSS box-shadow value)  
`columns[].boxShadow` | Text | No | No fixed list | Not declared | Not set |
| Stacking order (declared by the source column)  
`columns[].zIndex` | Number | No | No fixed list | Not declared | Not set |
| Stacking order, tablet (declared)  
`columns[].zIndexTablet` | Number | No | No fixed list | Not declared | Not set |
| Stacking order, mobile (declared)  
`columns[].zIndexMobile` | Number | No | No fixed list | Not declared | Not set |
| Border style on hover (declared by the source column)  
`columns[].hoverBorderStyle` | Choice | No | Solid (`solid`); Double (`double`); Dotted (`dotted`); Dashed (`dashed`); Groove (`groove`) | Not declared | Not set |
| Border width on hover (declared, four sides)  
`columns[].hoverBorderWidth` | Text | No | No fixed list | Not declared | Not set |
| Border width on hover, tablet (declared)  
`columns[].hoverBorderWidthTablet` | Text | No | No fixed list | Not declared | Not set |
| Border width on hover, mobile (declared)  
`columns[].hoverBorderWidthMobile` | Text | No | No fixed list | Not declared | Not set |
| Border color on hover (declared by the source column)  
`columns[].hoverBorderColor` | Text | No | No fixed list | Not declared | Not set |
| Corner radius on hover (declared, four corners)  
`columns[].hoverBorderRadius` | Text | No | No fixed list | Not declared | Not set |
| Corner radius on hover, tablet (declared)  
`columns[].hoverBorderRadiusTablet` | Text | No | No fixed list | Not declared | Not set |
| Corner radius on hover, mobile (declared)  
`columns[].hoverBorderRadiusMobile` | Text | No | No fixed list | Not declared | Not set |
| Box shadow on hover (declared, a CSS box-shadow value)  
`columns[].hoverBoxShadow` | Text | No | No fixed list | Not declared | Not set |
| Hover transition (ms, declared by the source column)  
`columns[].hoverTransitionMs` | Number | No | No fixed list | Not declared | Not set |
| Background color (declared by the source column)  
`columns[].backgroundColor` | Text | No | No fixed list | Not declared | Not set |
| Background overlay color (declared by the source column)  
`columns[].backgroundOverlayColor` | Text | No | No fixed list | Not declared | Not set |
| Background overlay opacity (0 to 1, declared by the source column)  
`columns[].backgroundOverlayOpacity` | Number | No | No fixed list | Not declared | Not set |
| Heading color (declared by the source column; it cascades to its headings)  
`columns[].headingColor` | Text | No | No fixed list | Not declared | Not set |
| Text color (declared by the source column; it cascades to its content)  
`columns[].colorText` | Text | No | No fixed list | Not declared | Not set |
| Link color (declared by the source column)  
`columns[].colorLink` | Text | No | No fixed list | Not declared | Not set |
| Link color on hover (declared by the source column)  
`columns[].colorLinkHover` | Text | No | No fixed list | Not declared | Not set |
| Text alignment (declared by the source column; it cascades to its content)  
`columns[].textAlign` | Choice | No | Left (`left`); Center (`center`); Right (`right`); Justify (`justify`) | Not declared | Not set |
| Text alignment, tablet (declared by the source column)  
`columns[].textAlignTablet` | Choice | No | Left (`left`); Center (`center`); Right (`right`); Justify (`justify`) | Not declared | Not set |
| Text alignment, mobile (declared by the source column)  
`columns[].textAlignMobile` | Choice | No | Left (`left`); Center (`center`); Right (`right`); Justify (`justify`) | Not declared | Not set |
| Blocks  
`columns[].children` | Child content | No | No fixed list | Not declared | 2 starter entries; 1 starter entries |
| Vertical alignment (declared by the source row)  
`verticalAlign` | Choice | No | Center (`center`); Bottom (`bottom`) | Not declared | Not set |
| Semantic tag  
`semantic` | Choice | No | Hero-like (`hero`); Features-like (`features`); Gallery-like (`gallery`); CTA-like (`cta`); Prose-like (`prose`) | Not declared | Prose-like |

## Layout

A responsive arrangement of columns and elements.

Also carries: Advanced fields, Appearance fields. See [shared fields](https://docs.amadalis.ai/reference/sections/common-fields/).

| Field | Input | Required | Choices | Field default | Starter value |
| --- | --- | --- | --- | --- | --- |
| Section number  
`pxLabelNumber` | Formatted text | No | No fixed list | Not declared | Not set |
| Section label  
`pxLabel` | Formatted text | No | No fixed list | Not declared | Not set |
| Band tone  
`tone` | Choice | No | Page background (default) (`default`); Subtle surface band (`surface`); Primary band (`primary`); Stage (near black, with glow) (`stage`) | Not declared | Page background (default) |
| Vertical placement (whole row)  
`verticalAlign` | Choice | No | Top (`top`); Middle (`center`); Bottom (`bottom`) | Not declared | Top |
| Space between columns  
`gap` | Choice | No | Tight (`3`); Normal (`5`); Roomy (`6`); Generous (`7`) | Not declared | Normal |

The basic starter holds two columns, seven and five twelfths wide on a desktop screen and full width on smaller screens. The first holds a Heading, a Rich text and a Button; the second holds an Image. Each starter element shows its own type’s name until you change it, and the button has no link yet.

[Browse section families](https://docs.amadalis.ai/reference/sections/)

## Your next step

Return to [the Composer](https://docs.amadalis.ai/composer/composer/#select-and-edit-a-section), select the section and review its editable fields. Apply your draft change and inspect the page preview before publishing.