The State of Independence

SOTMSOTD

Awwwards

Contra surveyed over 10,000 to gain insights on the way people are working. This interactive report showcases the data and key insights.

Design study notes

Study how The State of Independence separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Jul 15, 2021.
Extracted palette (#000, #2779A7, #ECD06F): check which hues carry brand vs utility chrome.
Darkest #2779A7 vs lightest #ECD06F sits around 3.2:1, which is closer to large-text / UI-component contrast.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?

SOTMSOTD

Awwwards

Contra surveyed over 10,000 to gain insights on the way people are working. This interactive report showcases the data and key insights.

Study how The State of Independence separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Jul 15, 2021.
Extracted palette (#000, #2779A7, #ECD06F): check which hues carry brand vs utility chrome.
Darkest #2779A7 vs lightest #ECD06F sits around 3.2:1, which is closer to large-text / UI-component contrast.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?