You're reading the category archive for Design Focus

Design Focus: What Words Wear

It’s always nice to welcome back this familiar graphic treatment, executed in fresh new ways. Check out how these websites use masked text in their designs.

Design Focus: Bordered Bento

Besides the “ghost buttons” trend, we’re also seeing a lot of bordered boxes as design elements lately, which gives a classic retro feel in displaying and laying out information on websites.

Design Focus: The Music of 2014

Say goodbye to 2014 on a musical note: here are some beautifully crafted pages about artists, songs, albums, and lyrics that made their mark this year.

Design Focus: Christmas ‘Round the Corner

Wishing you the happiest of holidays with these beautiful, useful, and fun Christmas-themed treats!

Design Focus: Experiments & Visualizations

Check out these websites featuring code turned into fun, beautiful explorations—making for the ultimate interactive treats.

Design Focus: Light & Shadow

Mesmerizing interactions of light and shadow are on display for this week’s feature.

Design Focus: Minty Fresh

The shades of green in this week’s feature are bright, peppy, and almost too harsh on the eyes, but it seems to be all the rage these days. How does it come into play with these designs? Let’s find out:

Design Focus: By Hand

These websites feature prominent use of the human hand in their designs, and it’s an interesting study in paying tribute to what we really create with, while using it to convey information.

Design Focus: Halloween Special

Time to break out the costumes and candy ’cause it’s All Hallows Eve again. Will these websites do a good job of spooking the daylights out of you? Step inside and find out!

Design Focus: Shapely

Here’s a collection of website designs that display excellent use of shapes to style and present content, ranging from the quirky to the stunning.

Design Focus: Rotated Side Text

Another text-y trend this week: these ones appear on the edges of the page, either as navigation markers, or links to menus & subsections, all oriented perpendicularly. Is this an alternative to the hamburger menu in tucking away off-canvas navigation, a smart way in highliting important site features, or a cumbersome way of displaying text?

Design Focus: Fill in the Blank

This design pattern also happens to live on the copywriting aspect of the website: a tagline that flashes different words or phrases, often to describe the target audience of their product or subject. You’ll see how each site chose to swap, highlight, or animate the letters into view. It’s another way to make the site more dynamic, and possibly even intriguing.