Responsive web design Showcase

Agency site breaks rules with typeface mashup

The combination of fonts on Design Intellection's site shouldn't work - but somehow it does! We take a look at this typographically-focused site and how it works responsively.

The mix of serif, sans serif, and monospaced typefaces is bizarre, but somehow works

Design Intellection is a small design studio that’s located in Louisville, Kentucky and run by David Yeiser.

Acting both as a portfolio of Yeiser’s work and as his personal blog, the Design Intellection website is a masterclass in achieving beauty through simplicity.

We’re huge admirers of its innovative blend of serif, sans serif, and monospaced typefaces, which works really effectively - even though it shouldn’t!

The agency took pains to make sure the site worked well on mobile devices

The studio was keen to make the site responsive - and wanted to get it right first time.

"Proper planning beforehand is paramount when it comes to the complexity of responsive design,” reflects Yeiser. "Of course, you can only plan so much - and at some point you have to jump in and see what works and what doesn’t as you build it."

Homepage requests/size: 17/253kB mobile, 17/253kB desktop

Words: Paul Lloyd. This showcase was originally published in .net magazine issue 232.

Now read these!

Log in to Creative Bloq with your preferred social network to comment

OR

Log in with your Creative Bloq account

Social tabs

47K and
growing
Join our Facebook community

Discuss your projects. Win prizes. Get your hands on the best freebies. And much more!

115K across the
network
Follow us on Twitter

Follow us to keep up with the hottest news in 3D, web design, graphic design, and more!

RSS INSTANT
NEWS
Get instant news

Get our posts direct to your news reader of choice. We recommend Google Reader for beginners.

Get our newsletter!

Sign up to receive a summary of the week's hottest design news from around the web! (Coming soon.)

site stat collection