Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

 

FREEBIES

Bukhari Script Font

bukhari

Bukhari Script is a bold monoline cursive free font. It includes almost 380 glyphs with several OpenType features. (Link)

 

Butch Font

butch font

Butch is a free handwritten font ideal for graphic design. It includes uppercase characters and numbers but not punctuation characters. Designed and released by Pere Esquerrà. (Link)

 

15 Free Gesture Icon Sets

gesture icons

With the rapid rise in popularity of touch devices, developers need to find a quick way of explaining the many touch-enabled interactions that add extra functionality and improve the experience and productivity of many of the latest applications to new users. Many developers use gesture icon sets, or interaction icons, to teach new users how to use their app. (Link)

 

FS Brabo Font

font

Type designer Fernando Mello’s beautiful new serif typeface from FontSmith is called FS Brabo. It’s based on early book faces, with lots of expressive swashes and ligatures. It draws inspiration from 16th Century types like Bembo, Garamond and Plantin. (Link)

 

49 Promo Backdrops and Gradients

backdrops

Created by LA-based designer, Vladimir Kudinov, Hue is a collection of 49 backdrops and gradients that lend atmosphere to layouts and product shots. (Link)

 

INSIGHT

The Best Guide for Designing With Gestures

gesture cards

As we shift more towards designing for mobile, based on search demand. It is safe to say designers are also shifting towards designing with gestures. It get tricky though, when designing for mobiles it hard to retain best practices for gestures in mind like the “thumb zone”. (Link)

 

Animated SVG Menu Icon

animated menu icon

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel. (Link)

INSPIRATION

Websites With Beautiful Video Headers

website with header

I am always fascinated by captivating videos and the creative (and functioning) use of them in website design. Video headers bring the a whole new experience to a website.

Keep reading Websites with Beautiful Video Headers

 

Inspiring Examples of Subtly Animated Logos in Web Design

animated logo

You’ve probably noticed the subtly animated logo Fubiz released with their recently launched website redesign, or the hidden Easter egg within the new CSS-Tricks logo, or even the non-looping animated logo on David Stanfield’s site.

Keep reading Inspiring Examples of Subtly Animated Logos in Web Design