Hi Hackers!
For the longest time, HackerNoon has had a brand page. It did the job: logos, colors, a few rules about what’s good and what’s not. But it was static, hard to navigate, and didn't say much about why HackerNoon looks the way it does: why the terminal green, why the pixels, why the retro vibes. The page gave you access to HackerNoon’s assets, but not the thinking behind them. Then one day, Linh, our COO, decided that with all the revamping of HackerNoon going on, maybe it’s time our brand page got its spotlight. It wasn’t about a fresh coat of paint, but about creating a place where HackerNoon is explained as well as it is shown: easier to explore, quicker to find what you need, and honest about the personality behind every pixel.
Today, we’re introducing brand.hackernoon.com 2.0 — our new brand and media hub, bringing together everything you need to know about HackerNoon and everything you might need to represent it.
But before we dive in...
🎯 Help Us Launch on Product Hunt!
HackerNoon's Brand Hub is live on Product Hunt today, and we'd love your support. An upvote and a quick comment take less than a minute, and they help us keep building hackathons for the developer community.
Here's a little of what you'll find inside:
🎨 Visual Identity & Assets
- Official logo variations, with interactive previews, usage guidelines, and downloadable SVG and PNG files.
- Our color palettes, typography guidelines, and two custom HackerNoon pixel fonts.
- The Pixel Icon Library, featuring 578 open-source icons in four different styles.
- Imagery guidelines, our AI image gallery, and links to our photo and GIF resources.
✍️ Writing & Communication
- Our voice and tone guidelines: factual, purposeful, hilarious.
- A 12-part guide to writing great HackerNoon stories, from headlines and formatting to sources and SEO-friendly tagging.
- Copywriting, language and grammar guidelines, plus tips for writing better email subject lines.
📱 Social & Media
- A directory of our social media profiles, including our most active channels and downloadable pixel social icons.
- Our media kit, with everything press and external partners might need to represent HackerNoon.
🤝 Partners & Co-Branding
- An overview of how brands can work with HackerNoon, covering Business Blogging, Targeted Ads, Newsletter Advertising, Technology Press Releases, and Blogging Contests
- Information about our certified partners and collaboration opportunities.
🚀 We're Open-Sourcing It, Too!
We didn't want to keep the fun to ourselves. We've created a completely separate, open-source repository for the brand website: HackerNoon's Brand Kit Template.
We stripped out our brand assets and turned the whole thing into a free, reusable template. Anyone can customize a single config file, plug in their own brand details, and deploy a fully functional brand kit of their own.
Curious what that looks like? Check out thelive demo, explore the GitHub repository, or use it to build your own!
If you’ve used the old page, we’d love to hear what you think of the new one. And if you’re new here, which part of HackerNoon’s look are you most curious about? Let us know in the comments.
Give the new brand page a click around, check out the open-source template, and help us spread the word!
Happy exploring! 💚
