What this screen does

Abwaab uses a light treatment for an education audience. The homepage leads with content section and resolves in 10 distinct sections — a structure you can reuse directly from the Breakdown tab.

• · Accent used sparingly, on CTAs and one metric band.
• · Type hierarchy carried by size and weight rather than colour.
• · Designed for laptop; adapted down to tablet and mobile — switch device above.

Palette