Layout documentation review and update

[foxintherain]

What

Content review and improvements of Layout guide for all brands to identify improvements needed or gaps. Uses new structure, as defined in the styleguide audit.

Why

Layout documentation was created a while ago and needs updating following the styleguide audit.

Done when

• [x] Content has been reviewed
• [x] Layout Component content has been reviewed
• [x] Improvements have been made (to Layout guide)
• [x] Updates have been reviewed by UI design team
• [x] Updates have been reviewed by Elements team
• [x] Updates published

Draft

https://docs.google.com/document/d/14Ks1thJIhcNj_PsxrusK4ZEtlZgI20m42DFteN_wZi8/edit

[foxintherain]

Initial kickoff

Following our catchup last Wednesday, we agreed first for @alexhallspringer review the content for the existing Layout component pages:

• Grid component (to be depreciated)
• Layout cluster component
• Layout Grid component
• Layout Stack component
• Layout with sidebar component

Catch up on Tuesday

• The principles behind the layout components (fluid layout, no fixed breakpoints) come from Every layout @Heydon to write a high level summary of these principles that can be included in the Layout styleguide and then reviewed by @alexhallspringer
• Investigate creating a subsection for the layout components on the elements website

[amyhupe]

We briefly discussed whether it makes sense to keep layouts as components, or whether they should sit at the styles / utilities level. We agreed we would keep them as is and create a layout style guide which sets out principles and links to individual layout component documentation.

[amyhupe]

@alexhallspringer to review latest iteration of principles.

To finish this and publish a version one, @foxintherain need to:

• [ ] create images and text descriptions of common layout types
• [ ] create image and text description of page anatomy

[foxintherain]

Have created a new issue for Spacing documentation