What's Your Hidden Mutant Power?

SOTD

Awwwards

Unleash your inner X-Men in this interactive desktop and mobile quiz that defines what mutant powers you may secretly harness.

Design study notes

Study how What's Your Hidden Mutant Power? separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Jun 5, 2016.
Extracted palette (#000, #FFFFFF, #ECD06F): check which hues carry brand vs utility chrome.
Darkest #ECD06F vs lightest #FFFFFF sits around 1.5:1, which is soft—better for backgrounds than small body copy.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?

SOTD

Awwwards

Unleash your inner X-Men in this interactive desktop and mobile quiz that defines what mutant powers you may secretly harness.

Study how What's Your Hidden Mutant Power? separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Jun 5, 2016.
Extracted palette (#000, #FFFFFF, #ECD06F): check which hues carry brand vs utility chrome.
Darkest #ECD06F vs lightest #FFFFFF sits around 1.5:1, which is soft—better for backgrounds than small body copy.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?