From the curator’s desk

Angular Material.

Angular Material desktop website design

Design notes / Angular Material

Use a simple introduction before the component catalogue

Reviewed by Aigars Silkalns
Reviewed 10 Nov 2026
Desktop + mobile

A blue-tinted hero pairs the product name with a large faceted mark. Three short benefit columns lead into the component resources, with documentation navigation in a slim top bar. A component library does not need an elaborate hero when its purpose and documentation routes are already clear. Mobile: The benefit columns become a vertical reading order, and the navigation stays separate from the main heading.

Desktop Full size
Angular Material website on desktop
Mobile Full size
Angular Material website on mobile