Styling Hillary – A Design System for all Americans
summary
Builds a practical design system called Pantsuit that standardizes CSS and UI across ~60 applications, creates a component-based UI kit, and implements a site redesign and CSS architecture for hillaryclinton.com. Uses npm, a CDN/S3 pipeline and publishes versions via an automated npm publish & Slack webhook; offers documentation, starter templates and accessibility fixes. Breaks the homepage once under deadline pressure, iterates rapidly, and balances done-over-perfect to keep dozens of repos visually consistent.
AI-written summary · about
chapters (26)
- 0:00Intro
- 0:54Disclaimer
- 2:35Introduction
- 3:58Hillarys Campaign
- 5:42Design System
- 6:53Pantsuit
- 7:33Why
- 9:12Stakeholders
- 10:36One thing I learned
- 11:08Technical debt becomes your friend
- 12:28High pressure environment
- 12:44How did I build
- 13:02Design
- 16:36Dog Food
- 16:51Framework
- 18:10Testing
- 20:14Pantsuit Council
- 21:15Documentation
- 22:54Automation
- 25:23Outcome
- 26:30Hillary
- 30:40Hacking
- 32:01Twitter
- 33:11Cosmopolitan
- 37:38Pantsu
- 39:10Was it worth it
related talks
27m⚡️ FEDC 2018 - Mina Markham
15mWhy You Should be Building Design Systems and CSS Architectures
35m“Doing it Wrong”
50mCreating a design system that people actually use
22mDesign Systems, when and how much? — Diana Mounter
38mEmpathetic Design Systems
30mDesigning a Design System for Modular Modules, and Building a Team to Build it
50mDesign System in HTML/CSS