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.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in