Anatomy

Anatomy
Layouts are broken down to 3 sections. The App bar, content and footer.

Scaling

The App bar’s and footer’s heights stay fixed while content section scale horizontally with device height. Width of all 3 parts to scale with device width.

Respect margin values

The side margins should be 24px on all pages, except for Onboarding and PRD pages, where they should be 32px.