The Futures so bright, you gotta wear SHADES

This morning I came across an great article from Typekit are a font service that allow you to use beautiful webfonts on your website without the additional costs or complexity of purchasing a font from a foundry and converting it to all of the web formats.

Now they are taking type a step further by providing lessons on certain typographical elements and show you how you can use them on your sites to improve the visual appeal and ease the consumption of content on your site.

I’ve forked a few of their code pens from their examples and make it a little more RWD focussed. Check out those below and read the full list of Shading possibilities on their blog post.

Using Shades – Typekit Practice Series

Drop Shade

See the Pen RWD Weekly Drop shade example by Javery (@justincavery) on CodePen.

Offset Shade

See the Pen RWD Offset shade example by Javery (@justincavery) on CodePen.

Printers Shade

See the Pen RWD Printer’s shade example (invisible secret) by Javery (@justincavery) on CodePen.