Page Structure

page_wrap

• Contains all page content

• Used for copying content to another page

page_main (Page Slot)

• Contains all section components that are unique to this page

• Does not contain the navbar or footer

• Tagged as “Main” for SEO & Screen Readers

Section

Use the Section Element provided by Webflow

• Automatically tagged as “Section” for SEO & Screen Readers

• Allows applying an ID for anchor links

In Lumos, the section tag is set to position relative by default

This allows the section to have absolute background visuals inside. This default can be overridden with the style panel if needed.

Section class names always end with “wrap”

Container

Container class names always end with “contain”

Add the component class first and then the “u-container” utility class on top

Global / Section Space

Use the Global / Section Space component to create top and bottom spacing within each section that can be connected to a component prop.