502 Bad Gateway

SOTD

Awwwards

House of digital aesthetics ©Place where well-crafted web projects are born.We provide end-to-end web development and design services.

Design study notes

Study how 502 Bad Gateway separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Mar 3, 2025.
Extracted palette (#101214, #C8C2CF): check which hues carry brand vs utility chrome.
Darkest #101214 vs lightest #C8C2CF sits around 10.8:1, which exceeds WCAG AAA for normal text.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?

SOTD

Awwwards

House of digital aesthetics ©Place where well-crafted web projects are born.We provide end-to-end web development and design services.

Study how 502 Bad Gateway separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Mar 3, 2025.
Extracted palette (#101214, #C8C2CF): check which hues carry brand vs utility chrome.
Darkest #101214 vs lightest #C8C2CF sits around 10.8:1, which exceeds WCAG AAA for normal text.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?