Res— ources

Accessibility + inclusivity

• How to Design for Accessibility, by BBC GEL
• Accessibility for Everyone, by Laura Kalbag
• Planning for Accessibility, by Laura Kalbag
• I wrote the book on user-friendly design. What I see today horrifies me, by Don Norman
• A111y Project

Accessibility tools

• AA/AAA accessibility checker
• AA accessibility checker
• Accessible colour palette builder
• Text colour contrast ratio checker
• Color blindness simulator
• Color contrast website checker

Books

• Sass for Web Designers, by Dan Cederholm
• Responsive Web Design, by Ethan Marcotte

Skillshare

• System design basics: How to create symbols in Sketch, for simple, fast, and consistent design

Useful tools

• Sass Color Generator
• Superposition (design tokens)
• Toolabs
• Figma Tokens

Design process + management

• GitHub Issues and Projects
• Zeplin
• Linear (issue tracking)
• Toybox (bug reporting)
• InVision
• Abstract
• Plant
• Lingo
• Wrike

Documentation tools

• Luro
• Docusaurus
• CodePen Embeds
• Google Docs
• Notion
• Lucid
• Fractal
• Zeroheight
• Docz
• GitBook
• Catalog
• DocumentCSS
• Docsify
• Storybook
• Pattern Lab
• Patternplate
• Contentful
• WordPress

Design + visual code editors

• Sketch
• Framer X
• Adobe XD
• Figma
• UXPin
• DSM (InVision)
• Alva
• Modulz
• Specify
• CodeSandbox

Design system resources

• Slack channel for design systems
• Website Style Guide Resources
• Design Systems Repo
• Design Systems Newsletter

Gallery: Documentation

• GEL (BBC)
• Google Material Design
• Primer (GitHub)
• Solid (Buzzfeed)
• Lightning (Salesforce)
• Marvel
• Atlassian
• Carbon (IBM)
• Spectrum (Adobe)
• Carwow
• Beeline
• Bootstrap
• Thumbprint (Thumbtack)
• Fluent (Microsoft)
• Fabris (Microsoft)
• Polaris (Shopify)
• Mailchimp
• Sipgate
• FormStack
• Nordnet
• Photon (Firefox)
• Seed (Sprout Social)
• Barnardo's
• Yelp
• Intuit QuickBooks
• U.S. Federal Government
• TED Swatch

Gallery: Digital brand guidelines

• The Guardian
• Seed (Sprout)
• Atlassian
• OpenTable
• Microsoft Design
• IBM Design Language
• Uber Design
• Facebook
• Dropbox
• Mozilla
• Firefox (Mozilla)
• Apple
• LinkedIn
• Workday
• Sipgate

Gallery: Brand culture + values

• Basic Culture

Articles

• Plasma Design System, by Andrew Couldwell
• Selling a Design System at Your Company, by Nick Stamas
• Design Systems at GitHub, by Diana Mounter
• Building a Visual Language, by Karri Saarinen
• Developing a Design Environment, by Jules Forrest
• Design System Ambassadors, by Ben Lister
• Designing Our Design Systems Team, by Ben Lister
• Words Shape Design, by Joscelin Cooper
• Art of Diplomacy, by Linzi Berry
• Responsive Design, by Andrew Couldwell

A rad website

• Club of the Waves

A cool web designer

• Andrew Couldwell