Using Ember to build a universal design system
summary
Claims Ember Octane enables an HTML‑first design system that can be consumed by sites with no JS; proof of concept uses Field Guide (an Empress static doc system) to write components in Markdown/HTML, builds compiled CSS during a prepublishOnly npm step, publishes the package and serves the single CSS file via unpkg CDN, and drops that stylesheet into a plain HTML “tiny design system” site. Accessibility checks for AA/AAA are integrated and the workflow works end to end.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:19Who am I
- 3:00Design system definition
- 4:30Component libraries
- 8:52Tiny Design System
- 10:49Field Guide
- 12:29Files
- 15:25Ember Style Guide
- 18:53HTMLCSS
- 20:49Slim
- 22:08Deploy to NPM
- 23:40Adding CSS
- 25:07Outro
