On May 16, 2014, we welcomed PatternFly into the world. Since then, UX has never been the same.
Maybe you use PatternFly for your design and development. Or maybe you only read PatternFly’s Medium publication. Or maybe, you’re a contributor who has made PatternFly into the open source design system it is today.
No matter how you use PatternFly, we welcome you to join us in celebrating its sixth birthday. Let’s take a journey back in time and honor some of PatternFly’s milestones throughout the years.
Ready? Let’s go!
PatternFly wasn’t always the PatternFly we know today. In fact, it wasn’t even called PatternFly! The project originated as a way to maintain consistency across Red Hat’s product portfolio.
What’s in a name?
In 2014, we had to decide on a name. Before we landed on PatternFly, we floated around a few options:
At the end of 2014, PatternFly became “PatternFly,” officially registered at patternfly.org. The website was originally hosted on WordPress, and none of the patterns had any code on the site — mostly just documentation. Everything was based on Bootstrap, and we built patterns on what Bootstrap offered.
A website of our own
The PatternFly WordPress site was going strong for a couple years, but we recognized a need for a more robust website, built by and for Flyers. So in June 2016, we moved off WordPress and built the site ourselves. The new website included some neat features:
- Improved information architecture and navigation
- New pattern page design
- More content for an improved “getting started” experience
- Visual enhancements
In 2019, we ended up improving the website again with PatternFly 4. PatternFly became our own design system — no foundation of Bootstrap
We also consolidated on one JS framework, React. This was a big deal for our community because it meant we didn’t have to manage and maintain multiple frameworks and could instead focus on the growth and stability of the design system.
Today, we continue working on PatternFly so that it truly is a place where UX design and development can thrive. In 2019, we introduced the PatternFly Design Kit library — a Sketch library that represents components as reusable symbols to help designers create high-fidelity mockups. We also conduct regular website enhancements, content improvements, accessibility audits, and more.
And let’s not forget the amazing contributions of our community members. This year’s OSPO audit identified strong growth in community involvement and engagement.
Brand and community
Where would we be without our community of Flyers? Certainly not where we are today. PatternFly’s brand and community are probably the most exciting aspects of its growth over the years.
Getting the name out there
In 2015, we made our first appearance as a community at Red Hat Summit. It was also the year that PatternFly was on npm. And those PatternFly Community meetings we have every month? Those started in 2015 too.
Then in 2016, PatternFly was recognized among Red Hat communities at Summit. Here we are on the big screen:
Today, we continue to participate in Summit, including this year’s virtual Summit experience.
But Summit isn’t the only place where PatternFly became “famous.” Red Hat’s Madrid office has a conference room named PatternFly !
One of PatternFly’s most salient brand elements is the logo. After PatternFly’s name was approved, we had a short time to design the logo so that we could launch the first website. Our designer, Kyle Baker, brought the logo to life with angular patterns and flying insect designs.
When looking at logo concepts, I liked the idea of designing a mark which I thought mirrored the angular nature of the patterns we were creating. I also liked the idea of taking a flying insect like a bee or a butterfly and reimagining its shape as a simplified angular pattern.
— Kyle Baker, Senior Interaction Designer at Red Hat
When breaking the insect shapes down into an angular form, they appeared quite similar to an aircraft. And as you know, we still use plenty of flying plane puns today.
After combining these two shapes, the PatternFly logo was born. Here are some of the iterations:
The PatternFly logo is often seen on our team t-shirts, with the first one designed in 2014 by Brian Dellascio, our visual designer.
PatternFly was in its formative stages and we wanted to generate some buzz for it at Summit 2014, so we put together a tee using the new logo Kyle designed. The biggest challenge was getting the subtle gradient to print properly, but we were pleased with the results and the warm reception it received!
— Brian Dellascio, Principal Visual Designer at Red Hat
This was the design comprehensive:
Then our t-shirts continued through the years:
We wear our t-shirts with PatternFly pride to this day. We hope you sport one of your own too.
Blogs and social media
In 2015, we launched our Twitter channel, which continues to see increases in key metrics such as impressions, profile visits, followers, number of tweets, and more. It’s become an important way for us to engage with Flyers and touch base with the community on a regular basis.
Connecting with Flyers
Keeping community members in the loop on upcoming changes and plans is a good way to make sure we all stay aligned. Our yearly roadmaps help us achieve this.
In 2016, we organized a PatternFly meet-up and a subsequent UXD-dev meet-up, which resulted in the delivery of the PatternFly roadmap. Check out this year’s roadmap and learn what we have going on in 2020.
(Speaking of meet-ups: At our PatternFly conference in June 2017, Michael Tiemann, VP of open source affairs, was our keynote speaker.)
Slack is another way we all stay connected. In 2016, we started our PatternFly Slack workspace with 64 members. We now have over 700 members (and counting!).
And the PatternFly Design Kit mentioned earlier isn’t just part of our website experience improvements. That design kit and designated GitHub repo provides Flyers with up-to-date patterns and information on the newest releases.
How many people are using PatternFly?
Usage has skyrocketed over the past 6 years. Since 2014, the number of PatternFly CSS package downloads per year keep climbing:
- 2014: 0 downloads
- 2015: 3,527 downloads
- 2016: 34,604 downloads
- 2017: 127,272 downloads
- 2018: 519,660 downloads
- 2019: 829,073 downloads
We’re not even halfway through 2020 yet, and we’re already at 510,968 downloads. Here’s a chart so that you can see this growth in action through April 2020:
That’s a lot of growth spurts for a six-year-old! So many folks are flying high with PatternFly, and we can’t wait to see what the end of 2020 will look like.
Birthday wishes from Flyers
Now that we’ve taken a look at PatternFly through the years, let’s give some of our own Flyers a chance to wish PatternFly a happy birthday.
“I first started working with the PatternFly team when I came into Red Hat 5 years ago. We had CloudForms and Satellite already utilizing it, and our newer products, Insights and Ansible Tower, were not. It was great to work with the team on not only getting the benefit of a consistent look and feel, but also being able to take advantage of the community to allow the UI team to focus on innovation and less on the underlying implementation. As we innovated, new patterns and capability was needed, and it was great to contribute those back to the PatternFly community.”
— Tim Cramer, VP Engineering at Red Hat
PatternFly makes bad UXD designers like me look amazing! And it taught me UXD basics that I can use throughout my work.
— James Falkner, Product Marketing Director at Red Hat
“I’m a huge believer in the power of great UI, and a critical factor in what makes great UI across a family of products is consistency. PatternFly has enabled dramatic improvement in the UI for Red Hat Middleware (now Application Services) technologies over the last several years, not only with highly usable and aesthetically pleasing widgets but also in bringing much-needed consistency and coherence to the look-and-feel across the product line.”
— Mike Piech, VP & GM, Cloud Storage & Data Services at Red Hat
“I joined Red Hat 8 1/2 years ago and I’ve lived the pre-PatternFly times: a world of colour and rainbows in which every product looked and felt different to each other. PatternFly didn’t just improve the look…and help a lot in the sales area — reducing the perceived risk, improving the confidence, and probably increasing the number of screenshots in slides — it also improved the feel by making things be where you would search for them, making the users more comfortable with our products. The evolution has been impressive up to the point that, when hearing an engineer explain about a new product we were developing (Migration Analytics), he said, ‘The frontend is built using PatternFly, so it *feels* like Red Hat.’ I think this is a great milestone. PatternFly has become the face of Red Hat products and the old-timers, like me, are really happy about it.”
— Miguel Pérez Colino, Principal Product Manager at Red Hat
It’s great to know that PatternFly has made such a difference among our community.
Time to celebrate
Six years went by in a flash, and PatternFly has a lot to show for it. It’s time to celebrate!
In lieu of gifts, we ask that you simply think back on how PatternFly has helped YOU. How have you used PatternFly to improve your own UX creations? Then, no matter where you are in the world, wish PatternFly a happy birthday. There are many more to come.
Have a UX story of your own? Send your ideas our way. More writers and fresh perspectives can only make PatternFly’s Medium publication stronger.