Designing for chaos: The design process behind Olivero
summary
Olivero is a new default theme for Drupal 9 that actually lands: a modern, flexible theme packaged for core with WCAG AA accessibility as a hard requirement. The process narrows scope with proxy reviewers, spectrum analysis and zoom mocks, documents styles in Figma, Google Docs and Dropbox Paper, and coordinates via Figma and Slack. Delivered pieces include the out‑of‑box landing page, article templates, a responsive header that collapses to hamburger nav, fonts Metropolis/Lora, ongoing form tweaks and accessibility testing with the National Federation of the Blind.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 4:17Challenges
- 9:20Stakeholders
- 12:35Design Process
- 17:16Voice and Tone
- 19:47Tools and Challenges
- 21:40Design Walkthrough
- 29:22Scratched Ideas
- 32:00Design documentation
- 36:08Whats next
related talks
51mDesigning the future of the Drupal Admin UI
43mThe Evolution of Open Source through Design
17mGoogle material design framework: Building more accessible experiences
24mAccessibility-Driven Design
29mDesigning Laravel
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
31mUI details that connect
15mDesigning for modularity – from art direction, to site design, to back-end