Welcome!

The Unplugged Design System includes the resources to create user interfaces consistent with the Unplugged Performance company principles, design language, and best practices.

Rather than focusing on pixels, developers can focus on application logic, while designers can focus on user experience, interactions, and flows.

This resource provides a range of tools for designers and developers, which includes:

• semantic and accessible component markup
• cross-browser compatible code blocks
• icons, font, interface, communication and design guidelines

Getting Started Guide For Each Team Member Type

Developers

Familiarize yourself with the following:

1. Read through our Shopping & Web Design guide and see our code references.
2. Plug into the platforms we use over on Resources & Links
3. Make sure you're leveraging interface elements from Logo & Badge Lockup and checking your work against best practices in Accessibility

Designers & Creatives

Get up to speed with how we talk, what we build, and the products we offer by:

1. Reviewing Copywriting & Brand Voice in detail
2. Then see how we put that into action across the web on Social & Video and Typography & Print Design
3. Decide how you'll implement this by seeing how we've done it already in emails, customer sales funnels, and more over at Color, Visuals, and UX

Sales

Check out Shopping & Web Design, and then dive directly into our

All

• Add the pages that resonate with you to your sidebar in notion for later reference.

And subscribe to Notion's Youtube channel for more platform tutorial content if you'd like.

• Build a plan for your first project implementation & have them reviewed by your manager with the Getting Started Doc below.