The app shell: six arrangements of top menu, left menu, header and content.
Every screen is the same four regions in different combinations: a top menu, a left menu, a page header and the content area. Compose them from these parts, then let the content fill with the cards and tables you have already built.
| Company | Rating | Revenue |
|---|---|---|
| GreenLeaf Financial | AAA | 115 Cr |
| Pro Property | A+ | 51.5 Cr |
| Nova Retail | AAA | 88 Cr |
| Alro Kroperty | AA | 42 Cr |
| Company | Rating | Revenue |
|---|---|---|
| GreenLeaf Financial | AAA | 115 Cr |
| Pro Property | A+ | 51.5 Cr |
| Nova Retail | AAA | 88 Cr |
| Alro Kroperty | AA | 42 Cr |
| Company | Rating | Revenue |
|---|---|---|
| GreenLeaf Financial | AAA | 115 Cr |
| Pro Property | A+ | 51.5 Cr |
| Nova Retail | AAA | 88 Cr |
| Alro Kroperty | AA | 42 Cr |
| Company | Rating | Revenue |
|---|---|---|
| GreenLeaf Financial | AAA | 115 Cr |
| Pro Property | A+ | 51.5 Cr |
| Nova Retail | AAA | 88 Cr |
| Alro Kroperty | AA | 42 Cr |
| Company | Rating | Revenue |
|---|---|---|
| GreenLeaf Financial | AAA | 115 Cr |
| Pro Property | A+ | 51.5 Cr |
| Nova Retail | AAA | 88 Cr |
| Alro Kroperty | AA | 42 Cr |
| Company | Rating | Revenue |
|---|---|---|
| GreenLeaf Financial | AAA | 115 Cr |
| Pro Property | A+ | 51.5 Cr |
| Nova Retail | AAA | 88 Cr |
| Alro Kroperty | AA | 42 Cr |
| Region | Role |
|---|---|
| Top menu | A full-width bar for brand, primary navigation and account. Spans above everything else. |
| Left menu | A vertical rail for section navigation. Sits beside the content, full height. |
| Header | A page-level bar inside the content column: breadcrumb, title and the screen's primary action. |
| Content | The work area. Cards summarise, tables list. Everything else is chrome around this. |