Define universal page templates
Purpose
As it relates to the sidebar navigation updates, work on defining universal page templates that can be documented in Pajamas, and leveraged as templates in Figma.
Page templates at this high level would be applicable to any and all product pages with the goal of providing a universal construct for:
- Navigation
- DOM order
- Responsiveness
View working file in Figma →Regions
- Sidebar navigation
- Breadcrumb
- Page header
- Main content
- Right sidebar
Considerations
- Navigation behavior
- Breakpoints and container queries
- Sticky behavior
- Condensed/combined header on scroll
- Sidebar behavior
- Placement of instance header/footer, broadcast messages, and global alerts
- And more!
Deliverables
-
Page templates in Figma -
Pajamas documentation under 'Page templates' (this section exists in concept, but to date no templates have been added so it isn't currently available on the site)
Out of scope
- Fluid vs. fixed layout choices and settings
Resources
Edited by Jeremy Elder