Katie Langerman
@katielangerman.bsky.social
📤 3470
📥 567
📝 282
Systems Designer at GitHub, CSS nerd, co-host of the Complementary podcast. katielangerman.com
pinned post!
What a week! So grateful for the opportunity to speak at
#Config2025
alongside
@lukasoppermann.com
. Our talk "Connecting code with craft" is now up on YouTube, check it out!
youtu.be/6l6El4xqIZ4?...
I'm particularly proud of this last minute slide edition.
5 months ago
2
25
2
You need to read this thread. The whole thread. I have found ASCII somewhat intimidating but now I just want to play with these tools!
add a skeleton here at some point
2 days ago
3
22
3
I find myself reaching for this kit more and more lately. It has ALL THE THINGS. Seriously next level, check it out!
add a skeleton here at some point
2 days ago
0
8
3
TIL about ::details-content and interpolate-size for details/summary animations 😍
loading . . .
7 days ago
2
32
1
Sometimes you just need a cat snuggle work break
9 days ago
1
26
0
reposted by
Katie Langerman
Eric Bailey
9 days ago
Focus rings! Plural! I wrote for
@piccalil.li
about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color.
piccalil.li/blog/taking-...
loading . . .
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
https://piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css/
0
44
12
reposted by
Katie Langerman
Taran Armstrong
11 days ago
Publishers Weekly reviewed my book! Very cool to see it's resonating with a major trade magazine outside our Big Brother bubble! "It's a penetrating and persuasive take on why viewers continue to be enthralled."
#BB27
#RHAP
www.publishersweekly.com/9781464224539
24
676
48
Design adjacent fields are so cool and exciting and fun. I hired a structural engineer to teach me about my house and it was maybe the greatest 2 hours of my life?
20 days ago
1
22
0
Anthony and I answered some listener questions on Complementary this week. It was a fun time!
creators.spotify.com/pod/profile/...
loading . . .
65: Listener Q&A by Complementary
Anthony and Katie answer a few listener questions.Questions asked: https://x.com/hobdaydesign/status/1961014039368110395Hosts:Anthony Hobday, Generalist Product Designer: https://...
https://creators.spotify.com/pod/profile/complementary/episodes/65-Listener-QA-e37ihcq
27 days ago
1
2
0
Sometimes it takes an entire year to mount some shelves.
about 1 month ago
7
22
0
If you've got an interface design question for me or Anthony Hobday, we'll answer it on this week's Complementary episode. Leave a comment or send a DM!
about 1 month ago
1
4
1
I can't stop waffling between Home Assistant and Homey. HA is fun at first, and then suddenly you're 4 hours in and have accomplished just 1 or 2 things. Homey is so much faster but sometimes feels limited. So I'm running both like a lunatic for now and it's exhausting 😅
about 1 month ago
2
1
0
What I need is telehealth but with an electrician.
about 1 month ago
3
22
1
Why hello there, two week staycation. Nice to meet you.
about 1 month ago
3
14
0
Looking for some fresh topic suggestions for Complementary. What do you want to hear us discuss? Or who should we have on as a guest?
about 2 months ago
3
2
2
This week Anthony and I were joined by
@lancewillett.bsky.social
to chat about quality. We figured as Head of Quality at Automattic he might know a thing or two about that, and he did not disappoint. This one has actionable insights you can start using today.
creators.spotify.com/pod/profile/...
loading . . .
63: Being Intentional About Quality with Lance Willett by Complementary
Anthony and Katie are joined by Lance Willett, Chief Quality Officer at Automattic. There's a lot packed into this hour long conversation, but a few things we touch on are:- Measuring and championing ...
https://creators.spotify.com/pod/profile/complementary/episodes/63-Being-Intentional-About-Quality-with-Lance-Willett-e36d758
about 2 months ago
1
3
1
Beck with a live symphony at sunset ❤️
loading . . .
about 2 months ago
0
5
0
What's everyone using for email hosting these days?
2 months ago
9
0
0
Me: I will finish my website today Also me: spends over an hour trying to customize a select
2 months ago
4
27
0
Has anyone tried playing with a customized <select> in astro yet? For me it seems like it chokes on <selectedcontent></selectedcontent>, even though my site is static html.
developer.mozilla.org/en-US/docs/L...
loading . . .
Customizable select elements - Learn web development | MDN
This article explains how to create fully-customized <select> elements using experimental browser features. This includes having full control over styling the select button, drop-down picker, arrow ic...
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select#background
2 months ago
2
4
0
*Sigh* just one of those days
2 months ago
8
26
0
Just having a moment of envy for people who have perfectly symmetrical first and last names on their personal websites. Or just generally cute, short names. However… Katherine Langerman 🤔🤔
2 months ago
7
17
0
After a long day of staring at a Figma file, sometimes you just gotta treat yourself to a little CSS you know?
2 months ago
4
76
2
Electrical projects, when they actually work, are quickly becoming my favorite.
3 months ago
0
4
0
Incremental is my middle name
3 months ago
0
3
0
reposted by
Katie Langerman
king lola 👑
3 months ago
I'm looking for £10k - £15k to continue the research phase of Accessibility Compat Data for six months. There's a real appetite for this work (more on that soon)! I'd love to talk to small - mid-size orgs who are aligned & interested in chipping in. Reposts appreciated 🙏🏾
github.com/lolaodelola/...
loading . . .
GitHub - lolaodelola/accessibility-compat-data
Contribute to lolaodelola/accessibility-compat-data development by creating an account on GitHub.
https://github.com/lolaodelola/accessibility-compat-data
1
8
16
I’ve spent the last week explaining *correct* hot dog buns to anyone who would listen. My mom (in Maine) just sent me this article. It is now my duty as a Mainer to convert West Coasters to the split top bun.
newspaper.pressherald.com/infinity/art...
loading . . .
ESSENTIAL ROLL: Why the split-top bun offers the perfect vehicle for Maine’s signature sandwich
ESSENTIAL ROLL: Why the split-top bun offers the perfect vehicle for Maine’s signature sandwich
https://newspaper.pressherald.com/infinity/article_popover_share.aspx?guid=a1b25e1f-f077-40ed-a1aa-12d7b5b8935d&share=true
3 months ago
1
3
0
reposted by
Katie Langerman
Adam Argyle
3 months ago
a sizzle of some of my UI work
nerdy.dev/sizzle-rizzle
loading . . .
10
348
34
Phosphor icons are such a delight to work with ❤️
phosphoricons.com
loading . . .
Phosphor Icons
A flexible icon family for interfaces, diagrams, presentations — whatever, really.
https://phosphoricons.com/?q=sign&weight=fill
3 months ago
2
18
0
reposted by
Katie Langerman
Ariel Salminen
3 months ago
New blog post: On Freedom, Curiosity & Happiness …Where I contemplate the intricate relationship between my personal life and the work I do, what kind of values I believe in, and what’s next after resigning from my full time position in the Nord Design System team
arielsalminen.com/2025/on-free...
loading . . .
On Freedom, Curiosity & Happiness
I have been recently contemplating the intricate relationship between my personal life and the work I do, particularly how these domains inevitably get intertwined and influence one another....
https://arielsalminen.com/2025/on-freedom-curiosity-and-happiness/
16
57
12
All the failed attempts + the final solution 🚀
3 months ago
0
4
0
CSS friends, is it possible to select a parent that has a child with a specific class, AND has a child without that specific class? So only select the parent if it has a mix of children.
3 months ago
2
3
2
reposted by
Katie Langerman
Eric Bailey
3 months ago
I wrote about why I'm tired of reading about takes on quality.
ericwbailey.website/published/qu...
loading . . .
Quality is a trap
It is a proxy phrase, often born of an inability or unwillingness to articulate other concerns.
https://ericwbailey.website/published/quality-is-a-trap/
6
51
16
reposted by
Katie Langerman
Nathan Knowler
3 months ago
I was laid-off and am looking for a new role. Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture. I work remotely from my home in Manitoba, Canada. 🇨🇦 Shares appreciated!
5
124
90
This week on Complementary we're joined by Matt Beaudouin-Lafon, HCI PhD candidate. Matt shares his unique perspective on the intersection between HCI and industry product design. So much to dig into here!
creators.spotify.com/pod/profile/...
loading . . .
60: Designing Tools to Support Creativity with Matt Beaudouin-Lafon by Complementary
Anthony and Katie are joined by HCI PhD candidate Matt Beaudouin-Lafon at UCSD, and discuss how HCI research intersects with industry product design. Links mentioned:Matt's work on Color FieldInk & Sw...
https://creators.spotify.com/pod/profile/complementary/episodes/60-Designing-Tools-to-Support-Creativity-with-Matt-Beaudouin-Lafon-e34it35
3 months ago
0
2
1
reposted by
Katie Langerman
Josh Black
4 months ago
Has anyone had success with an MCP server for their design system?? After seeing the shadcn features for their registry would love to try it out and see if it helps or not 🤔
5
12
1
reposted by
Katie Langerman
Pavel
3 months ago
Imagine your team is falling behind a deadline. You ask everyone to stay behind a little longer - 40 hour weeks become 50, 60. Somehow you are only falling further behind. Nearly all software is built like this, as a direct consequence of bad product strategy. This is why nothing works anymore. 🧵
2
95
28
reposted by
Katie Langerman
Eric Bailey
3 months ago
ARIA! It exists and on a long enough timeline you'll need to use it. Here's how to get into the right headspace to do so!
#a11y
www.smashingmagazine.com/2025/06/what...
loading . . .
What I Wish Someone Told Me When I Was Getting Into ARIA — Smashing Magazine
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning ...
https://www.smashingmagazine.com/2025/06/what-i-wish-someone-told-me-aria/
3
160
54
And I can confirm
@guysegal.bsky.social
is a great listener!
add a skeleton here at some point
4 months ago
0
8
0
This is my DIY supervisor. He’s got a high standard but he’s a pretty sweet guy.
4 months ago
3
21
0
Sometimes I use our podcast as an excuse to learn something new. This is one of those times. Anthony and I chat about Material 3 Expressive.
creators.spotify.com/pod/show/com...
loading . . .
59: Material 3 Expressive by Complementary
Anthony and Katie chat about Material 3 Expressive.Hosts:Anthony Hobday, Generalist Product Designer: https://twitter.com/hobdaydesignKatie Langerman, Systems Designe...
https://creators.spotify.com/pod/show/complementary/episodes/59-Material-3-Expressive-e33mion
4 months ago
0
4
0
I've been going through old work videos and found one from when I was trying to figure out how to ship our new color system without breaking the world. "This is stressful, I hope we're not talking about what a mistake this was a year from now" So far so good 😅
4 months ago
1
17
0
reposted by
Katie Langerman
GitHub
4 months ago
Even the best design systems can miss critical accessibility details. What if you could catch them earlier? This guide shows how to use design system annotations to proactively build accessibility in. Start bridging the accessibility gap to create better experiences for everyone.
gh.io/AAwbu5k
0
79
6
Really enjoyed this episode!
add a skeleton here at some point
4 months ago
1
7
0
This is such a great post! Being able to read JSON files (and other code) is an underrated skill for designers. Love this callout that you don’t need to know how to write it to understand it.
add a skeleton here at some point
4 months ago
1
17
0
This week Anthony and I do something a little unconventional (for us) and chat about Config.
creators.spotify.com/pod/show/com...
loading . . .
58: Thoughts on Config 2025 by Complementary
Anthony and Katie chat about Config 2025.Talks mentioned:Writing is designingThe maximalist theory of minimalismHosts:Anthony Hobday, Generalist Product Designer: https://twitter.com/h...
https://creators.spotify.com/pod/show/complementary/episodes/58-Thoughts-on-Config-2025-e330o19
4 months ago
0
7
0
reposted by
Katie Langerman
Jan Maarten
5 months ago
You use accessible components but your designs still have accessibility issues. Sound familiar? I published a 2-part series exploring why these issues persist and how to solve them with a set of design system annotations that can capture critical accessibility details.
github.blog/engineering/...
loading . . .
Design system annotations, part 1: How accessibility gets left out of components
The Accessibility Design team created a set of annotations to bridge the gaps that design systems alone can’t fix and proactively addresses accessibility issues within Primer components.
https://github.blog/engineering/user-experience/design-system-annotations-part-1-how-accessibility-gets-left-out-of-components/
1
26
13
The confidence I had to attempt a light switch wiring project at 5pm..
5 months ago
4
20
0
This talk from
@inazarova.bsky.social
and
@objartel.bsky.social
brings me so much joy. I love seeing a technical talk about color at a design conference ❤️
www.youtube.com/watch?v=kfVU...
loading . . .
Config 2025: Programmable colors: bridging design and code with Irina Nazarova & Arthur Objartel
YouTube video by Figma
https://www.youtube.com/watch?v=kfVUlR9BnYQ&list=PLXDU_eVOJTx4xcCFrRpIjNdEgq_u3sxEs&index=9
5 months ago
1
16
5
What a week! So grateful for the opportunity to speak at
#Config2025
alongside
@lukasoppermann.com
. Our talk "Connecting code with craft" is now up on YouTube, check it out!
youtu.be/6l6El4xqIZ4?...
I'm particularly proud of this last minute slide edition.
5 months ago
2
25
2
Come check out our talk today at
#Config2025
!
add a skeleton here at some point
5 months ago
2
22
4
Load more
feeds!
log in