Panel

A Panel distinguishes and groups content on the page. It is used widely across Bulb products including FIT, Join, Bulb Account and the Marketing site.

This pattern is intended to be used nested inside of the Page Container.

Full width Panel

Full width panel stretches across the width of the container. The contents should generally be constrained by a max-width of 38rem within the centered box.

Panel in Multi Column container

Multi Panel Container typically include two or three panels.

👀 See also:

This pattern is intended to be used nested inside of the PageContainer pattern.