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.
10 months ago
I think it takes a lot of courage to design something so simple. Good job!
Not your typical one page layout conference page that's for sure! :)
I like your (almost always) plain text approach when building - great stuff @Paulo
Definitely it takes courage to do something like this. I really like how you approached this in a graphic design way instead of having a web design usual mindset. It reminds me a lot of contemporary and experimental graphic design and poster work, and I like it.
Big props for inovation.
“Hi, my name's Paulo and I'm really, really, really, really talented”
— how you should introduce yourself to people on the street.
@Katerina Skotalova: Well, this is exactly the kind of stuff I enjoy, and I’m lucky to work with someone who fancies it too. Thanks!
@Samuel Couto: It’s not a conference, but a regular meet-up. Thanks you :)
@Antonio Pratas: That’s the kind of aesthetic Andy pitched me. He had some things he really enjoyed, and we went from there to this. Glad that you could notice that, thanks :)
@Jon Gold: Aw, thank you Jon. You sell yourself too short, you know that, right?
Coming back to this shot, I think what I love about it is the constraints you set yourself. Creating hierarchy & contrast with just one or two typographic devices is hugely powerful; very Müller-Brockmann :)
keyboard shortcuts: ← previous shot → next shot 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.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter