On the Road to the World's Best Branding
summary
A working runtime theming system lets event organizers pick primary and secondary colors and see a live preview, with changes persisted and applied sitewide, but background image uploads are disabled because they break UI. Implementation uses ant design color palette generator, adobe leonardo contrast checks, and less + tinycolor tied into create‑react‑app via webpack, Redux and Emotion theme providers. The generateColors function creates named palettes, some automatic adjustments fix grayscale pitfalls, and accessibility and naming inconsistencies remain work to do while an npm package and Figma plugin are planned.
AI-written summary · about
chapters (5)
related talks
18mMaterial You & Figma: Bringing Dynamic Color & brand together
19mWhen colour theory meets technology
41mColor - The Shadow Ruler of UX
22mRolling out design tokens to a branded house with 18+ products
28mTheming with Design Tokens
43mRethinking Colors in Design Systems: A CSS Approach to Idiomatic Design
18mBuilding dark mode with React Native at scale
38mDesign for Non-Designers