Bridging the gap between developers and designers
summary
The team encodes the design system into code: a color and typography referential and grid and breakpoint helpers written in Sass so designers can say neutral-one or from tablet to desktop and the build spits out exact CSS. The Guardian site uses about 25,000 lines of Sass, ~30 engineers touch HTML/CSS, is open source, and ships roughly four releases a day. The result is faster iteration, consistent UI, and fewer translation errors.
AI-written summary · about
chapters (5)
- 0:00Start
- 7:44Mimic discussions into code
- 8:04and apply best practices
- 12:30Type scale example
- 13:44Takeaways
related talks
22mDesign Systems, when and how much? — Diana Mounter
50mDesign System in HTML/CSS
03mIntervista
25mBuilding a Design System as a team
43mRethinking Colors in Design Systems: A CSS Approach to Idiomatic Design
19mMinimising Complexity
20mDesign Systems for the Rest of Us
26mCreative Collaboration: Building a Universal Design System