Skip to content

These are the files. Use them as they are.

hopscotch-brand-kit.zip

Lockup

The three-block mark plus the word. Gap matches the site bar.

Hopscotch lockup, ink
Hopscotch lockup, bone
hopscotch-lockup-ink.svghopscotch-lockup-ink.png
hopscotch-lockup-bone.svghopscotch-lockup-bone.png

Mark

The three blocks, square.

Hopscotch mark, ink
Hopscotch mark, bone
hopscotch-mark-ink.svghopscotch-mark-ink.png
hopscotch-mark-bone.svghopscotch-mark-bone.png

Wordmark

The word, without the mark.

Hopscotch wordmark, ink
Hopscotch wordmark, bone
hopscotch-wordmark-ink.svghopscotch-wordmark-ink.png
hopscotch-wordmark-bone.svghopscotch-wordmark-bone.png

  • Ink

    #111110

    On light grounds.

  • Bone

    #F1F0EA

    On dark grounds.

Now send a request.

The lockup is what sits in the bar. A key is how you start.

Start buildingDocs