Refresh Belfast

Refresh m

4 Attachments

Our latest work at Fiction.

Had lots of fun with this unusual, yet grid-based layout. Took a page from the examples that @Andy McMillan sent me, and decided to use just one color, one typeface, and create contrast only with weight and case.

Code-wise, all units are relative, which meant that smaller (and bigger) viewports could be considered just by making the body font-size smaller. The layout then shifts from grid-based to a single column on very narrow viewports.

Attached, how the layout accommodates to different screen sizes, from very small to really big.

See it live.

keyboard shortcuts: previous shot next shot L or F like Z toggle zoom