WMG Chords — Resources

Overview

Get tools, plugins, and other documentation to support your work.

Chords team

The Chords team is the dedicated team responsible for the creation, maintenance, and evolution of our design system. Have a question or something to share? Reach out to the team on Google Chat at #reusable-components-guild.

Design tools

Figma

All the styles you'll find in Chords are already in our Figma library, including foundational styles, components, and patterns. If they aren't already installed for you, add the libraries you need in your Figma access panel.

Component library

WMG Chords design system

Figma plugins

Figma plugins streamline design workflows, offering powerful tools for automation, content generation, and enhanced collaboration. You can find these plugins and more here.

Plugin	Description
Contrast	Makes it easy to check the contrast ratios of colors as you work
Content reel	Design layouts more efficiently by pulling text strings, images, and icons from one palette
Iconify	The largest library of icons in the Figma plugins
Beautiful shadows	Create smooth and beautiful shadows
Unsplash	Insert beautiful images from Unsplash into your designs
Autoflow	Illustrate user flows, diagrams, or graphics in a hand-drawn or minimalist style

Chrome extensions

Chrome extensions enhance our workflow by providing quick access to essential development and design resources.

Extension	Description
Window resizer	Resize the browser window to emulate various screen resolutions
Loom	Record your screen and share with one click
SVG grabber	A tool to quickly preview and get all the SVG assets from a website
CSS peeper	Inspect website styles in seconds
GoFullPage	Capture a screenshot of your current page in its entirety

Other design resources

Explore additional resources to streamline your workflow.

Resource	Description
FontAwesome icon library	Pro icon collection
Untitled UI icon library	Icon set via Google Drive
Apple's San Francisco font	System typeface from Apple Developer
WMG's brand portal	Central hub for WMG brand assets

Brand guidelines

Brand	Description
ADA brand book	Brand guidelines (PDF)
Recorded Music brand book	Brand guidelines (PDF)
WCM brand book	Brand guidelines (PDF)
WMG Brand Guidelines	Brand guidelines (PDF)

Brand logos

These WMG logos are hosted here so you can link to them directly or download them. Use “Copy URL” to grab a direct link, or right-click a logo to save it. Follow the WMG brand portal for correct usage, clear space, and color rules.