The Index: Issue #8

We have an unhealthy font purchasing habit here in the studio, so we thought that this week, we’d share some of our favourite font landing pages. Enjoy!

Shantell Sans

The Shantell Sans home page

I’m an avid note-taker and sketcher so any hand-written font is going to appeal to me. I love the interaction, right at the top of the page. It demonstrates the variable font really well, right off the bat. The variable axes are great too!


The Roku homepage

This is a great example of how you can use layout, graphic design and illustration to make a huge impact without having to lean much into animation. This site almost looks like a poster. Very good stuff.

Editorial New

⚠️ Motion warning

The scroll animation on this site may well make you sea sick, but it’s cool as heck. The character preview is a really nice touch: it gives each character a great focus for those detail nerds amongst us. Keep your eye on your browser tab too, because there’s a nice little trick — albeit an accessibility red flag — with the <title> 👀

It’s a great, creative site, but I wish they’d focused on the HTML semantics more and provided less animation for people that prefer reduced motion. You can definitely have both creativity and accessibility!

Reading list

Thanks for reading this issue of The Index. You can get future updates by subscribing.

Until the next issue, take it easy 👋

Hello, I’m Andy and I’ll help you to level up your front-end development skills.

I'm a designer and front-end developer who has worked in the design and web industries for over 15 years, and in that time, I have worked with some of the largest organisations in the world, like Google, Harley-Davidson, BSkyB, Unilever, The Natural History Museum, Oracle, Capita, Vice Media and the NHS.

On Piccalilli, I share my knowledge and experience to make you a better front-end developer.

I'm the founder of Set Studio, a creative agency that specialises in building stunning websites that work for everyone. Check out what we're all about.