[Principles] Grid #48
Description
Current status
Our current layout approach is based on a set of prebuilt layouts. Although the application layout was simple and effective, the content layout was not enough to provide the flexibility and granularity needed to build and fulfill the complexity of the different requirements every UI has.
Layout documentation for reference:
https://developer.dxc.com/design/principles/layout
Our approach is to provide and document a grid foundation in addition to a series of content-layout patterns (e.g. #43) in order to help designers and developers to build UIs from the most atomic elements to the full page layout and regarding also all kind of different devices and viewport sizes.
Enhacement
Document grid principles in order to:
- Provide a consistent foundation for positioning elements onscreen.
- Provide more flexibility building UIs by using either a fixed or a fluid grid.
- Bring consistency to component design and UI component patterns.
Documentation schema
- Usage
- Breakpoints
- Fluid / fixed grid
- Aspect ratios