Page Layout
Page Layout · Tutorial
A live preview of the platform's standard page layout — the solid-pill top navigation, the bordered domain sidebar, and the violet-tinted data table with uppercase headers.
Use this page as the design reference when building or reviewing platform screens so every page stays visually consistent.
Double-click to edit · save with ESC, click outside, or ✕
Setup › Page Layout
Standard Page Layout Proposal
Standard proposals for the top navigation, left sidebar, and table-grid patterns on detail pages. Once agreed here, applied across the site.
0. Combined Preview
Chosen direction: Top = Solid pill · Sidebar = A-3d thick border + large label
A · Table = Lavender tone (violet)
Go-Together
TK
| Name | Location | Admin / Reviewer | Submission Date | Duration | |
|---|---|---|---|---|---|
| Brayty.tn | Tunisia (Tunis) | hamza khlifi | 2025-07-16 | 0 days | |
| Smarthomes AI | Kenya (Nairobi) | Emmanuel Cheruiyot | 2025-07-16 | 0 days | |
| Amhadot | Ethiopia (Addis Ababa) | DESALEGN TSEGA | 2025-07-16 | 0 days | |
| Pan Afrodigital | Zimbabwe (Harare) | Truat Nhokovedzo | 2025-07-16 | 0 days |
Submit · 150 items
First
Prev
1
Next
Last
1. Top Navigation
Leftmost logo + main menu. Active item emphasized with a solid pill.
Proposed — Solid pill active emphasis
Go-Together
TK
2. Left Sidebar
Clear main/sub hierarchy via color, weight, and size. 4 alternatives compared.
A-3 · Bordered box header (Proposed — thick border + larger label)
Proposed · full preview
3. Detail Page Table Grid
Standard grid patterns for arranging multiple tables on detail pages. Choose by table count and information density.
A · Table tones — soften beyond blue with light accent colors
Light tint applied to header bg / card outline / even rows to reduce monotony. Active and link colors stay blue so hierarchy is preserved.
A-1 · Warm Amber — calm and warm
| Name | Location | Admin / Reviewer | Submission Date | Duration | |
|---|---|---|---|---|---|
| Brayty.tn | Tunisia (Tunis) | hamza khlifi | 2025-07-16 | 0 days | |
| Smarthomes AI | Kenya (Nairobi) | Emmanuel Cheruiyot | 2025-07-16 | 0 days | |
| Amhadot | Ethiopia (Addis Ababa) | DESALEGN TSEGA | 2025-07-16 | 0 days | |
| Pan Afrodigital | Zimbabwe (Harare) | Truat Nhokovedzo | 2025-07-16 | 0 days |
A-2 · Soft Slate — calmer, business
| Name | Location | Admin / Reviewer | Submission Date | Duration | |
|---|---|---|---|---|---|
| Brayty.tn | Tunisia (Tunis) | hamza khlifi | 2025-07-16 | 0 days | |
| Smarthomes AI | Kenya (Nairobi) | Emmanuel Cheruiyot | 2025-07-16 | 0 days | |
| Amhadot | Ethiopia (Addis Ababa) | DESALEGN TSEGA | 2025-07-16 | 0 days | |
| Pan Afrodigital | Zimbabwe (Harare) | Truat Nhokovedzo | 2025-07-16 | 0 days |
A-3 · Mint (emerald) — fresh accent
| Name | Location | Admin / Reviewer | Submission Date | Duration | |
|---|---|---|---|---|---|
| Brayty.tn | Tunisia (Tunis) | hamza khlifi | 2025-07-16 | 0 days | |
| Smarthomes AI | Kenya (Nairobi) | Emmanuel Cheruiyot | 2025-07-16 | 0 days | |
| Amhadot | Ethiopia (Addis Ababa) | DESALEGN TSEGA | 2025-07-16 | 0 days | |
| Pan Afrodigital | Zimbabwe (Harare) | Truat Nhokovedzo | 2025-07-16 | 0 days |
A-4 · Lavender (violet) — soft complementary
| Name | Location | Admin / Reviewer | Submission Date | Duration | |
|---|---|---|---|---|---|
| Brayty.tn | Tunisia (Tunis) | hamza khlifi | 2025-07-16 | 0 days | |
| Smarthomes AI | Kenya (Nairobi) | Emmanuel Cheruiyot | 2025-07-16 | 0 days | |
| Amhadot | Ethiopia (Addis Ababa) | DESALEGN TSEGA | 2025-07-16 | 0 days | |
| Pan Afrodigital | Zimbabwe (Harare) | Truat Nhokovedzo | 2025-07-16 | 0 days |