Create Lead space pattern page for website

User Story

As a [user role below]: IBM.com Library adopter

I need to: Understand what Lead space patterns are and where they are used on ibm.com

so that I can: ensure my designs adhere to best practices

Additional information

• This is one of the most popular patterns seen on ibm.com (and other web/digital platforms)
• There is MVP WIP content available here that was created for future state prototype.

Acceptance criteria

• Lara creates the In-page navigation pattern MVP page
• Jenny reviews the content
• Wonil reviews and approves the content before publishing

[wonilsuhibm]

Updated Sketch file with the latest thinking and the dimensions that define lead spaces here: https://ibm.box.com/s/27nfxovqcoktv49li79vpka2h7dgh2xi

The dimensions

• Where the page is on the journey, rough segments (early, mid, checkout, post-purchase, etc)
• Which page type within each segment (product listing, solution, home page, etc)
• Expressive VS productive lead spaces
• Centered VS left-aligned

Potential MVP content suggestion

Section 1: The dimensions of a lead space

• What to consider when designing or selecting a lead space
• How we are approaching lead space standardization
• “Work with us to add details to lead space standards”

Section 2: Lead space size standards

• What sizes are available regardless of the dimensions
• “Please start with these so that we establish some basic consistency”

Section 3: Content alignment standards (left, centered)

• The two alignment options available in the system

[JennySanchez]

Issue moved to carbon-design-system/carbon-for-ibm-dotcom-website #733 via ZenHub