Audible Design System

An accessibility and implementation-focused design system was developed using standardized sizing, styles, variables, and component properties to improve scalability, consistency, and production efficiency.

Confidential content has been obscured for client privacy.
Layout and system structure shown for portfolio purposes only.

The previous hierarchy table had inconsistencies that made it difficult to implement. I created a scalable 9-size lockup system with consistent sizing logic and smooth transitions between sizes, making the system easier for designers to understand and apply.

Hierarchy Table

Configurable Lockup Components

Prebuilt modular component sets for lockups and cover combinations include configurable properties, allowing designers to quickly customize and use assets efficiently.

Core Layout System

A scalable system of four core layouts was developed to support any digital asset across global marketplaces.

Steps for Building an Asset

Step-by-step guides are provided to help new designers learn and follow the asset-building process.

Application Examples

Real-case scenario examples were provided within the grid system for designers to use as templates or references.