Can't You Just Make It More like Bootstrap?
summary
Origami is a component system used across 60+ FT sites and a long tail of at least 88 pages, built as Sass/JS components plus a CDN and an npm tool. The team ships a CDN called origami build service (≈200M requests/month, ~9TB content) and a local tool origami build tools for critical-path builds. Template distribution is the hard problem: monorepos or language gems work only for uniform stacks, so Origami resorts to copy‑paste HTML, enforces strict naming and dependency rules, and pairs docs + marketing to drive adoption.
AI-written summary · about
chapters (6)
- 0:00Introduction and background
- 7:54Components in Origami
- 10:05Tooling for component distribution
- 16:05Copy and paste limitations
- 19:55Documentation and marketing
- 24:51Adoption and support strategies
related talks
32mCan't You Make It More Like Bootstrap?
42mMoving towards web components
47mDeploying atomic design system at scale
18mBye-Bye Bootstrap Bloat
43mPreprocessors, Components, and CSS in JS
29mPreprocessors, Components, and CSS in JS or: How I Learned to Stop Worrying and Love the Website
46mBuilding Reusable Components ... That Are Actually Reusable
44mFostering Collaboration: Pattern Libraries / Rapid Prototyping