Fig. 1 — key-art.webp

Fig. 2 — gradients.webp

Fig. 3 — visual-playbook.webp

Fig. 4 — color-and-type.webp

Fig. 5 — product-surfaces.webp

Fig. 6 — storybook-drawer.webp

Fig. 7 — storybook-radio-chip.webp

Fig. 8 — storybook-badge.webp

Fig. 9 — storybook-toolbar.webp

WordPress VIP Design SystemNo. 014

As design director at WordPress VIP my main initiative has been to bring direction and unity to our design efforts across communication and product design. I did this by creating the underlying strategy and execution of the WordPress VIP Design System.

This system is far reaching and encompasses product interface, web experience, print collateral, sales materials, illustration and all of the atomic components that go into those things. The goal is to make a system of tools that empower the organization to self-serve and keep design consistency and power.

I can’t share many of the components of the system, but I’ve tried to gather enough to give you a sense of its breadth.

Date: 2019 — 2023
Designed at: WordPress VIP
Work: Design Engineering, Product Design
Link: Github
Link: Storybook