How Netlify rebranded their app in just 6 weeks

Dominic Nguyen
Storybook
Published in
Sent as a

Newsletter

Oct 26, 2023

Earlier this year Netlify launched a major rebrand. If you’ve been following other rebrands like Twitter to X, you can probably imagine how tricky things can be.

That’s why we were amazed when Netlify was able to ship a rebrand in just 6 weeks. We found out how they did it below.

  • 🧰 Anatomy of Netlify’s UI (React, Tailwind, Storybook)
  • 🎨 Implementing and validating color schemes
  • 🎞️ Finding and updating logos across 2,500+ stories
  • ✅ Automated visual testing
  • 🤝 Syncing Figma to Storybook
  • 🙌 Bringing non-technical stakeholders into the review process

Read on →

6 active maintainers are working on Storybook’s next biggest thing: Chromatic Visual Tests addon. It’s currently in early access. Sign up here!

--

--

Dominic Nguyen
Storybook

Design at Chromatic & Storybook — prev Apollo GraphQL, Meteor