Design Systems, part 15: Desktop and mobile header

An ongoing series where we build a design system in Sketch and Abstract called Dezin.

Christopher Deane
Jul 29, 2018 · 1 min read

This time we use the elements we’ve been creating during this series to create nested symbols of a header for desktop and mobile, a full-header search bar and a mobile menu 😀.

View the tutorial

If you visit the YouTube page for the above tutorial, you can download the Sketch file from a link in the description.

Watch the series

Here’s the rest of the series where I’ll be adding new parts every 1–2 weeks:

Follow me here at Medium, Twitter and YouTube.

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Christopher Deane

Written by

Interaction Design and Design Systems @Sonder. Creative Leader. Content Creator. Educator. Loving Husband and Awesome Dad.

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade