A style guide is a document that provides guidelines for the way your brand should be presented from both a graphic and language perspective. The purpose of a style guide is to make sure that multiple contributors create in a clear and cohesive way that reflects the brand style and ensures consistency with everything from design to writing. A style guide should provide all of the necessary details for consistent branding with context as to when and where to use components.
Style guides help create a shared vocabulary and reinforce design consistency. By keeping a tight rein on brand consistency, brands can drive user perception and expectations.
UI Component Libraries
A UI component library is a wide range of building blocks available to developers and consists of all the styles and components used in an app, website, or software.
Design systems use components as the building blocks for creating a user interface. Building a UI component library is an optimized way to reduce the overhead that comes with maintaining multiple repositories for multiple components.
Combine UI Components and realize design concepts and features quickly and with extreme agility.
Good candidates for prototyping include complex interactions, new functionality and changes in workflow, technology or design.