World Wide Web Foundation

World Wide Web Foundation

3 Jun 2015
alternate languages full width horizontal nav Light Background Medium Background multi-colored frames social media feed

Solid, solid design here. There’s a lot to this design but I only want to look at one thing for this write up. Take a look at the screen layout changes between what looks like iPhone and iPad – the marquis areas break out of being on top of the hero image to go underneath it, but on the wider screen sizes they lay on top of that area. That’s a great design pattern to emulate for other websites. Love it.

Solid, solid design here. There’s a lot to this design but I only want to look at one thing for this write up. Take a look at the screen layout changes between what looks like iPhone and iPad – the marquis areas break out of being on top of the hero image to go underneath it, but on the wider screen sizes they lay on top of that area. That’s a great design pattern to emulate for other websites. Love it.

Kinsta

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Time limit exceeded. Please complete the captcha once again.

News & Articles

Fitts’s Law: Why the Easy Button Wins

Fitts’s Law: Why the Easy Button Wins

Large, close targets are faster to hit than small, distant ones, that’s Fitts’s Law. A look at the 1954 rule behind buttons, prime and magic pixels, thumb zones, and dark patterns.

The Call to Action, Revisited

The Call to Action, Revisited

The Call to Action hasn’t changed in a decade, but the bar has. A fresh look at prominence, copy, mobile tap targets, and accessibility, with lessons from three major design systems.