Layouts

Here you will find examples of the basic layout types, which can be combined and customised to make a variety of components.

To help show how these basic layouts are constructed, the following colours are used to identify content areas, padding and internal margins:

• Content: Aqua

• Padding: Fuchsia

• Internal margins: Yellow

Layout examples

• Box
• Center
• Cluster
• Cover
• Frame
• Sidebar
• Switcher