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.
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.
@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 :)
7 Responses
Pro
Paulo Zoom
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.
3 months ago
I think it takes a lot of courage to design something so simple. Good job!
3 months ago
Pro
Samuel Couto
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
3 months ago
Pro
Antonio Pratas
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.
3 months ago
Pro
Jon Gold
“Hi, my name's Paulo and I'm really, really, really, really talented”
— how you should introduce yourself to people on the street.
3 months ago
Pro
Paulo Zoom
@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?
3 months ago
Pro
Jon Gold
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 :)
3 months ago