Block Header Design Element

One of the first things that is rolling out in our design system: Block headers. They designate main content on that page.

The goal was to create a flexible element that could meet our needs on iOS, Android, and web. It was built to contain any combo of elements like a step, title, illustration, or paragraph.

I got to work closely with our dev team to fine tune the implementation and now we have a common understanding when using this element in our designs. It's eliminated any "Did you mean to make this 13px" conversations.