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
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2015 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.