Clippy Cult: The Paperclip That Wouldn’t Quit

Inside the UX lessons, internet lore, and surprising comeback of Clippy

Love him or loathe him, you remember him. Clippy — the googly-eyed paperclip that lived inside Microsoft Word — has become a permanent fixture in internet culture. But how did a productivity tool become the patron saint of annoying-yet-adorable UI? In this episode of Podcast Awesome, we’re digging into the cult of Clippy with behind-the-scenes insights from Clippy's original creator Kevan Atteberry and Microsoft designer Sam Cundall. From meme fame to Microsoft Teams emoji, Clippy's legacy is more layered than you think.

📝 What We Cover in This Episode:

  • 📎 Why Clippy was loved and hated
  • 🧠 The psychology of nostalgic design
  • 🔁 When Microsoft secretly brought Clippy back
  • 🤖 What Clippy might teach us about the future of AI assistants
  • ✍️ thoughts on reviving legacy designs the right way

⏱️ Timestamps:
00:00 – Welcome to the Cult of Clippy
02:00 – The origin story: from helpful to hated
04:30 – Nostalgia and annoyance: why we love to hate him
06:00 – Microsoft’s secret Clippy emoji comeback
08:00 – What makes emoji design "work"?
10:00 – Fun at work: why weirdness builds culture
14:00 – The creator's take: Kevan Atteberry on designing Clippy
20:00 – From embarrassment to pride: Clippy's redemption arc
24:00 – Clippy vs. Siri: The rise of personality-driven UI
26:00 – Final thoughts: where personality fits in UX

🔗 Links & Resources:

Stay up to date on all the Font Awesomeness!

🎙️ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith

Have you ever rage-coded your way into building a developer tool that actually fixes things? Burton Smith has. And we’re here for it.

In this episode of Podcast Awesome, Matt and Web Awesome's boss, Cory Laviska chat with Burton Smith. Burton is an open source wizard and creator of the Web Components Toolkit, and he tells us about the gap between the promise of Web Components and the messy reality devs often face.

💻 Burton’s toolkit bridges that gap like Gandalf on a DX bender.

In this episode we dive into:
⚙️ Developer experience pain points
🧩 Custom Elements Manifests (CEMs) and real-world tooling
🎯 Form-associated custom elements, declarative shadow DOM, and why they still have rough edges
🚀 Why frameworks finally (mostly) play nice with Web Components
📦 How open source tools can fix the stuff we all silently suffer through
🧠 And why making components “just work” should be table stakes

This one’s for devs who are tired of wiring up wrappers, fighting with VS Code autocomplete, or wondering why their component still doesn’t show up right in Storybook.

✨ Bonus: We get a little spicy about SSR, headless UI, and whether a global design system is even a thing we want.

⏱️ Timestamps

00:00 – Welcome to Podcast Awesome
 02:00 – Meet Burton Smith: The Stuff Breaker
 04:00 – Why Web Components Tooling is (Still) a Pain
 06:00 – Closing the Gap Between DX and Dev Reality
 12:00 – CEMs, ASTs, and Metadata Magic
 20:00 – Form-associated Custom Elements (and the Weird Gaps)
 24:00 – Declarative Shadow DOM: Blessing or Band-Aid?
 28:00 – SSR, Frameworks, and the Next Frontier
 34:00 – Global Design Systems, Gatekeeping, and Interop
 42:00 – Headless UI vs. Useless DX
 44:00 – How to Support Burton + Where to Find the Toolkit

🔗 Links & Resources

🌐 Burton’s Toolkit: https://wc-toolkit.com
🧙‍♂️ Follow Burton on GitHub: https://github.com/Breakstuff
🐦 Burton on Social: @StuffBreaker
📄 Learn more about Custom Elements Manifest: https://github.com/webcomponents/custom-elements-manifest
🛠️ Web Awesome: https://webawesome.dev
🧡 Shoutout to all you open sourcers building magic after hours

🎥 Podcast Awesome on YouTube 

🎶 The Font Awesome Theme Song – Composed by Ronnie Martin
🎸 Music Interstitials by Zach Malm
🎬 Produced and edited by Matt Johnson with some extra help from Isaac Chase 

Stay up to date on all the Font Awesomeness!

Web Awesome 3.0.0-beta.6 has just been published to npm.

This version is safe to use, as it pins the affected dependency to the last safe version. You can update to 3.0.0-beta.6 by running the following command:

npm i @awesome.me/webawesome@3.0.0-beta.6

⚠️ SECURITY ALERT: An npm dependency used by Web Awesome was compromised a few hours ago.

This ONLY affects npm installs — CDN users are safe.

DO NOT install Web Awesome via npm right now. New unaffected version is publishing now…

— Web Awesome (September 15, 2025 at 11:33:18 PM UTC)

⚠️ SECURITY ALERT: An npm dependency used by Web Awesome was compromised a few hours ago.

This ONLY affects npm installs — CDN users are safe.

DO NOT install Web Awesome via npm right now. New unaffected version is publishing now…

7.0.1

Clearer check and exclamation icons, new icons, and fixes for Safari and desktop fonts.

Added

  • Introduces CSS custom property --fa-width for standardized width management in stacked icons.
  • We added some new icons, including:
    • a juicy new lychee icon,
    • a fancy new envelope-ribbon icon,
    • a neighborly new mailbox-open-empty icon,
    • a freshly delivered mailbox-open-letter icon,
    • a chunky new tank-recovery icon,
    • a zappy new transducer icon,
    • and a nosy new box-magnifying-glass icon.

Fixed

  • Fixes a Regular Expression that caused errors in older versions of Safari when using SVG JavaScript pseudo-elements.
  • Fixes content alternative (when using the content: var(--fa) CSS attribute) with Safari 14.1 specifically (and maybe others) by adding @supports to target browsers that support it.
  • Fixes a Windows font family grouping problem when using OTF Desktop files.
  • Fixes style-only (no family specified) icon CSS classes not rendering icons when using dom.watch().
  • Fixed a number of icon-related issues:
    • Fixed issue with where our beta and rectangle-high-dynamic-range icons were missing some Duotone fills.
    • Fixed a missing cutout in the Solid styles of our screwdriver-wrench icons.
    • Our new stadium icon in Sharp Solid was showing the wrong style.
    • Our pencil, pencil-line, and motorcycle icons had the wrong fills in some Duotone styles.
    • The cheese-swiss icon had a few too many holes glitches.
    • Fixed our Duotone mango icon.
    • Fixed issues with our box-arrow-down-magnifying-glass and box-arrow-down-arrow-up icons.
    • Removed extra bars in our signal-weak icon.
    • Fixed a missing fill in the Regular style of our dot-circle icon.
    • Fixed issues with envelope-open-dollar, filter-circle-dollar, and filter-circle-xmark.

Changed

  • Solved the case of the shriking checkmarks and adjusted the sizing and legibility of all of our icons that contain a check.
  • Took a similar approach and tweaked the design of our exclamation icons.
  • Updated the design of our stretcher icon to look more like a stretcher.
  • Adjusted the design of our peruvian-soles icons to remove the outdated dot.
  • Remapped the design of our oil-temperature icon to a new water-temperature and redesigned the original.

🖇️ Podcast Awesome: The Story Behind the Stapler Icon

🔴 “Excuse me … I believe you have my stapler?”

One line. Infinite memes. A red-hot icon.

In this episode of The Story Behind the Icon, we dive deep into the surprisingly rich lore behind the humble office stapler — and how a cult classic film, a soft-spoken cubicle dweller, and a spray-painted prop turned it into a cultural artifact.

🎧 Whether you’ve got 37 pieces of flair or just enough sarcasm to survive corporate life, this one’s for the design nerds, Office Space devotees, and UI jokesters looking for the perfect button metaphor.

🔍 What We Cover in This Episode

🔴 The origin story of Milton’s beloved red stapler
 🎞️ Mike Judge’s animated roots and early Office Space shorts
 💻 Remote work, legacy office gear, and the evolution of workplace design
 🧑‍💼 Font Awesome’s very own “Milton” and the logic behind the madness
 🎨 How to recreate Milton’s soul in HTML with our duotone icon
 🎬 The real reason Swingline started making red staplers

⏰ Timestamps

00:00 – Welcome to Podcast Awesome
 01:25 – A new take on the old office
 02:40 – Meet Milton: The patron saint of passive resistance
 04:20 – Mike Judge: From Beavis and Butthead to box office satire
 05:55 – The stapler becomes an icon
 06:35 – Meet FA’s own Milton (Hi, Steve 👋)
 07:20 – Grumpiness as UI insight
 08:05 – Milton’s stapler wasn’t red... until it was
 09:00 – Design challenge: Where will you use the stapler icon?
09:50 – Commission your own icon or vote one into existence
10:30 – Credits and a final plea: Return. The. Stapler.

🔗 Links & Resources

🖇️ Stapler Icon on Font Awesome
📽️ Office Space (1999)
🎨 Vote for an icon on the leaderboard
📝 FA Blog: The Story Behind the Icon Series

🎥 Podcast Awesome on YouTube – Full uncut convo with extra music nerdiness
🎶 The Font Awesome Theme Song – Composed by Ronnie Martin
🎸 Music Interstitials by Zach Malm
🎬 Produced and edited by Matt Johnson

Stay up to date on all the Font Awesomeness!

As a reminder, the Font Awesome website will now be unavailable for up to three hours.

Access to our website and search interface will be offline during this time. Our Kits service, API, and NPM packages will continue working normally. Thanks!

Hey Folks! On Monday, August 18, starting at 5:00 p.m. EDT, the Font Awesome website will be unavailable for up to three hours.

Access to our website and search interface will be offline during this time. Our Kits service, API, and NPM packages will continue working normally. Thanks!

🎨 Design like a Pro

With Font Awesome 7, you can:
- Use core packs like Classic & Sharp for thousands of options
- Explore Pro Plus packs like Jelly or Notdog for curated flair
- Swap styles on the fly using just CSS
Your design toolbox just got awesomer. 🧰⚡
youtu.be/C1xelmbZPaE?...

Invisible Creature’s Don Clark on Nostalgia, Iconography, and Staying Human

Designing Joy: Don Clark of Invisible Creature on Creativity, Collectibles & Culture

In this episode of Podcast Awesome, Matt hangs out with legendary designer Don Clark of Invisible Creature to dive into the analog soul of digital design. From their punk rock roots and Grammy-nominated album covers to art directing for Seattle’s swankiest restaurant, Don and his brother Ryan have created work you’ve seen —whether you know it or not.

They discuss growing up with a NASA illustrator grandpa, how nostalgia fuels creativity, the value of physical objects in a swipe-and-scroll world, and how a sibling-run design studio rides the waves of industry change. It’s a masterclass in storytelling, aesthetics, and sneaky inspiration.

Plus, Don once designed a 7-story mural for Newark Airport that one construction worker told him no one would ever notice. Art, meet irony.

✨ What We Cover in This Episode

  • 🚀 Grandpa drew spaceships for NASA — no big deal
  • 🎸 From hardcore zines to Grammy-nominated album art
  • 🧸 Why physical objects still matter (even in a scroll-y, swipey world)
  • 😊 Nostalgia, and the purposeful creation of joy 
  • 🏠 Turning a love of toys and typography into brand work for Target, Canlis, and more
  • 🏄🏻‍♂️ Creating a career by riding the wave (not controlling it)
  • 👾 How Invisible Creature got its name — and why most people don’t realize they’ve seen their work
  • 🍽️ Art direction in fine dining, and designing for iconic spaces

⏱️ Timestamps

[00:01:00] – Don’s creative upbringing & grandpa's NASA work
 [00:04:00] – From punk flyers to full-time design
 [00:08:00] – Physical design in a digital world
 [00:12:00] – Object design, collectibles, and vintage influence
 [00:16:00] – Tapping nostalgia the right way
[00:20:00] – Album covers, influence, and desktop publishing
[00:24:00] – The decline of CDs & the rise of gig posters
[00:28:00] – The challenges (and joys) of working with family
[00:32:00] – Canlis restaurant and entering the fine dining space
[00:36:00] – Creating inspiring physical spaces
[00:38:00] – Why “Invisible Creature” is the perfect name
[00:42:00] – Good design as invisible, objective experience
[00:44:00] – Designing stamps, murals, and children’s Bibles
[00:46:00] – Streamlining creativity after 25 years in the biz
[00:48:00] – Wrapping up and why riding the wave matters

🔗 Links & Resources

Stay up to date on all the Font Awesomeness!

Icon Packs, Families & Styles, Oh My!

Wanna learn how to navigate all the Font Awesome 7 icon options? We got you.
Switching styles like fa-solid to fa-thin?
Trying out fa-sharp or going full fa-jelly-fill?
You’re in control, inconster.

Start mixing & matching today ➡️ youtu.be/C1xelmbZPaE