It’s time for a new CodePenChallenge theme!

This month we’re going to be exploring some of the things you’ll find in the world’s most stimulating and exotic locations: the common business office. But of course we can get as weird and wild as we want here. What’s an office without an office party?

There’s no reason to be boring here. Each week we’ll start with something that could be boring, and it’ll give us all an opportunity to do something more stimulating with it.

This Week’s Prompt: Sign on the Dotted Line

Let’s have a little fun with SVG this week. SVG can express a curvy path pretty naturally, and what is a signature but a weirdly curvy path?

Your challenge: do something interactive with a signature. If you need a starter, here’s a signature on an open path so you can play with stroke, and here’s one with multiple expanded shapes so you can play with fill.

July’s Challenge Sponsor: HelloSign

Everything IT requires and developers love. The HelloSign API allows you to collect legally binding signatures from your own app. Learn more at

How to Participate

Create a Pen and tag it codepenchallenge and the weekly tag: cpc-signatures. We’ll be watching and sharing the best stuff on our blog, Twitter, and Instagram (Use the #CodePenChallenge tag on Twitter and Instagram as well).



I’m sure the connection between this weeks challange is obvious: HelloSign helps you capture signatures! Here’s some other resources they recommend: