Home Generate Challenge

Menu

Home Generate Challenge

Loading

For Honor - Scars (Site of the Day - Feb 13, 2017) — UI design breakdown

A scar on a weapon can say a lot about its owner's life. And death. Come discover the tale of the heroes of For Honor. Sourced from Awwwards. Use this page as a UI breakdown: reverse-engineer hierarchy, color roles, and interaction cues before you remix ideas into your own screens.

Study how For Honor - Scars separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Feb 13, 2017.
Extracted palette (#000, #ECD06F): check which hues carry brand vs utility chrome.
Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
Related themes: Games & Entertainment, Web & Interactive, Experimental, Animation, Infinite Scroll, Sound-Audio.

Analyze your UI with AI feedback
Generate a UI practice challenge
Browse UI color palettes
Browse Google Font pairings
More award-winning website designs

For Honor - Scars award-winning website design screenshot 1

For Honor - Scars award-winning website design screenshot 3

For Honor - Scars award-winning website design screenshot 4

For Honor - Scars

SOTMSOTD

Awwwards

A scar on a weapon can say a lot about its owner's life. And death. Come discover the tale of the heroes of For Honor.