Audible Design System
An accessibility and implementation-focused design system was developed using standardized sizing, Figma 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.
Hierarchy Table
A 9-size lockup system was created with consistent numbering across all elements.
CTA Rules and App badges
Each element was carefully designed and followed the 9-size lockup system to ensure scalability and consistency across assets.
Lockup Components
Prebuilt modular component sets for lockups and cover combinations are provided with toggle-able options, allowing designers to quickly customize and use assets efficiently.
Layout by Aspect Ratio
Four core layouts were developed as scalable templates.
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.