Laura Kalbag
@laurakalbag.com
½ of Small Technology Foundation. Designs, talks, and writes about web, rights-respecting tech, inclusivity, privacy, design and dev. I wrote a book: Accessibility For Everyone: https://accessibilityforeveryone.site she/her
Pinned
Laura Kalbag
@laurakalbag.com
· 18d
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
accessibilityforeveryone.site
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Reposted by Laura Kalbag
Big news!!!
A brand new unit just dropped in our Penpot Course, and it’s all about… COLOR 🎨
Let’s gooo 👀✨ @laurakalbag.com
penpot.app/courses/bloc...
A brand new unit just dropped in our Penpot Course, and it’s all about… COLOR 🎨
Let’s gooo 👀✨ @laurakalbag.com
penpot.app/courses/bloc...
February 12, 2026 at 1:22 PM
Big news!!!
A brand new unit just dropped in our Penpot Course, and it’s all about… COLOR 🎨
Let’s gooo 👀✨ @laurakalbag.com
penpot.app/courses/bloc...
A brand new unit just dropped in our Penpot Course, and it’s all about… COLOR 🎨
Let’s gooo 👀✨ @laurakalbag.com
penpot.app/courses/bloc...
Epic
~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better.
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
An updated, tagged collection of 292+ articles on design tokens.
www.alwaystwisted.com/projects/dtm...
more links/resources coming soon.
🙏🖤
#DesignTokens #DesignSystems #WebDev
February 12, 2026 at 12:47 PM
Epic
Reposted by Laura Kalbag
What Are Composite Typography Tokens?
Typography can make or break your design system ✍️
Don’t miss our hands-on live demo with @laurakalbag.com to learn this and much more!🔴
Typography can make or break your design system ✍️
Don’t miss our hands-on live demo with @laurakalbag.com to learn this and much more!🔴
February 11, 2026 at 11:45 AM
What Are Composite Typography Tokens?
Typography can make or break your design system ✍️
Don’t miss our hands-on live demo with @laurakalbag.com to learn this and much more!🔴
Typography can make or break your design system ✍️
Don’t miss our hands-on live demo with @laurakalbag.com to learn this and much more!🔴
Reposted by Laura Kalbag
WHITE MEAT: APPETIZER will have its WORLD PREMIERE at the PAN AFRICAN FILM FESTIVAL on Thursday, February 19th at 4:50pm. GET YOUR TICKETS NOW!!! paff2026.eventive.org/films/6955e8...
February 9, 2026 at 9:36 PM
WHITE MEAT: APPETIZER will have its WORLD PREMIERE at the PAN AFRICAN FILM FESTIVAL on Thursday, February 19th at 4:50pm. GET YOUR TICKETS NOW!!! paff2026.eventive.org/films/6955e8...
Editing my transcripts. Yep, still a humbling experience.
February 6, 2026 at 3:25 PM
Editing my transcripts. Yep, still a humbling experience.
Reposted by Laura Kalbag
One of our newest features has completely stolen our hearts 💜 Composite typography tokens!
You asked for a tutorial… and here it is!
Creating and applying typography design tokens ✨
penpot.app/blog/tutoria...
You asked for a tutorial… and here it is!
Creating and applying typography design tokens ✨
penpot.app/blog/tutoria...
Tutorial: Creating and applying typography design tokens
Typography design tokens are a way to save your text styles for reuse across your projects. The typography composite token combines multiple typography-related properties in one mega token.
penpot.app
February 3, 2026 at 10:34 PM
One of our newest features has completely stolen our hearts 💜 Composite typography tokens!
You asked for a tutorial… and here it is!
Creating and applying typography design tokens ✨
penpot.app/blog/tutoria...
You asked for a tutorial… and here it is!
Creating and applying typography design tokens ✨
penpot.app/blog/tutoria...
Reposted by Laura Kalbag
While we wait for contrast-color() to arrive in all browsers, these CSS-only approaches by Donnie D’Amato give us a practical way forward that we can use right now, along with lots of other knowledge on how colour works in CSS.
piccalil.li/blog/some-cs...
piccalil.li/blog/some-cs...
Some CSS only contrast options until contrast-color() is Baseline widely available
While we wait for contrast-color() to arrive in all browsers, these CSS-only approaches by Donnie D’Amato give us a practical way forward that we can use right now, along with lots of other knowledge...
piccalil.li
February 3, 2026 at 12:07 PM
While we wait for contrast-color() to arrive in all browsers, these CSS-only approaches by Donnie D’Amato give us a practical way forward that we can use right now, along with lots of other knowledge on how colour works in CSS.
piccalil.li/blog/some-cs...
piccalil.li/blog/some-cs...
Reposted by Laura Kalbag
It is a lot more complicated to add keyboard shortcuts to your web app than you might initially think, featuring a big honkin' table. #a11ty ericwbailey.website/published/ho...
How an accessibility designer adds keyboard shortcuts to a web app
Keyboard shortcuts occupy a strange area for web design.
ericwbailey.website
January 28, 2026 at 3:19 PM
It is a lot more complicated to add keyboard shortcuts to your web app than you might initially think, featuring a big honkin' table. #a11ty ericwbailey.website/published/ho...
Live in one hour! I’ll be tackling typography design tokens in #Penpot.
Join me live for the inevitable chaos and any questions you have about design tokens and @penpot.app.
Peertube: peertube.kaleidos.net/w/svTNVRadRA...
YouTube: www.youtube.com/live/TTPfc9z...
Join me live for the inevitable chaos and any questions you have about design tokens and @penpot.app.
Peertube: peertube.kaleidos.net/w/svTNVRadRA...
YouTube: www.youtube.com/live/TTPfc9z...
Intro to typography design tokens | Penpot Hands-on Demo
Typography can determine the success of your design system because it defines the way users experience information and engage with your product. In this demo, Laura Kalbag—developer, designer, and ...
peertube.kaleidos.net
January 28, 2026 at 2:00 PM
Live in one hour! I’ll be tackling typography design tokens in #Penpot.
Join me live for the inevitable chaos and any questions you have about design tokens and @penpot.app.
Peertube: peertube.kaleidos.net/w/svTNVRadRA...
YouTube: www.youtube.com/live/TTPfc9z...
Join me live for the inevitable chaos and any questions you have about design tokens and @penpot.app.
Peertube: peertube.kaleidos.net/w/svTNVRadRA...
YouTube: www.youtube.com/live/TTPfc9z...
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
accessibilityforeveryone.site
January 27, 2026 at 1:14 PM
My book, Accessibility For Everyone, is now free and online as a website.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
Reposted by Laura Kalbag
Published a new piece on my site explaining one of my big takeaways from Episode 066 with @laurakalbag.bsky.social. Such a fun convo!
Give it a read here:
The role of community in #designsystems (bit.ly/3NDh54m)
Give it a read here:
The role of community in #designsystems (bit.ly/3NDh54m)
January 26, 2026 at 4:57 PM
Published a new piece on my site explaining one of my big takeaways from Episode 066 with @laurakalbag.bsky.social. Such a fun convo!
Give it a read here:
The role of community in #designsystems (bit.ly/3NDh54m)
Give it a read here:
The role of community in #designsystems (bit.ly/3NDh54m)
Reposted by Laura Kalbag
Episode 067 of The Question with co-host Yesenia Perez-Cruz is LIVE and ready for your input!
We're talking about #designsystems that differentiate.
Answer by Wednesday at Noon E to join the deep dive on Thursday at Noon E!
bit.ly/answerTheQue...
See you Thursday!!
We're talking about #designsystems that differentiate.
Answer by Wednesday at Noon E to join the deep dive on Thursday at Noon E!
bit.ly/answerTheQue...
See you Thursday!!
January 26, 2026 at 4:55 PM
Episode 067 of The Question with co-host Yesenia Perez-Cruz is LIVE and ready for your input!
We're talking about #designsystems that differentiate.
Answer by Wednesday at Noon E to join the deep dive on Thursday at Noon E!
bit.ly/answerTheQue...
See you Thursday!!
We're talking about #designsystems that differentiate.
Answer by Wednesday at Noon E to join the deep dive on Thursday at Noon E!
bit.ly/answerTheQue...
See you Thursday!!
It’s that time of year when educational institutions contact me as Accessibility For Everyone is on their reading lists. (Yay!) I’m *so close* to having the whole book online for free. But if you’re a student who needs a copy right now, please drop me a message and I’ll sort you out (for free)!
January 22, 2026 at 5:32 PM
It’s that time of year when educational institutions contact me as Accessibility For Everyone is on their reading lists. (Yay!) I’m *so close* to having the whole book online for free. But if you’re a student who needs a copy right now, please drop me a message and I’ll sort you out (for free)!
Time for more @penpot.app kits. This time for colours. If you’ve been confused about whether you should be using design tokens or colour assets in Penpot (or what are tokens and assets!) I wrote this deep dive tutorial for you.
penpot.app/blog/penpot-...
penpot.app/blog/penpot-...
Penpot deep dive: Color tokens vs asset colors
Color design tokens and asset colors are both ways you can store colors in Penpot for reuse. There are some key differences that might affect which you choose to use in your project.
penpot.app
January 22, 2026 at 3:04 PM
Time for more @penpot.app kits. This time for colours. If you’ve been confused about whether you should be using design tokens or colour assets in Penpot (or what are tokens and assets!) I wrote this deep dive tutorial for you.
penpot.app/blog/penpot-...
penpot.app/blog/penpot-...
Reposted by Laura Kalbag
Dual pistols holstered, you swing across a chasm of technical debt, landing gracefully, brushing dust from a -webkit- relic
Dodging collapsing * html selectors, you look for browser support. "Half of these are cursed," you smirk.
Plunder your legacy code.
ReliCSS www.alwaystwisted.com/relicss/
Dodging collapsing * html selectors, you look for browser support. "Half of these are cursed," you smirk.
Plunder your legacy code.
ReliCSS www.alwaystwisted.com/relicss/
ReliCSS - Detect CSS Hacks & Modernise Your Code
ReliCSS is a client-side CSS analyser that detects outdated CSS hacks, IE6-9 patterns, and deprecated vendor prefixes. Get instant modernisation suggestions with our free CSS scanner.
www.alwaystwisted.com
January 22, 2026 at 8:50 AM
Dual pistols holstered, you swing across a chasm of technical debt, landing gracefully, brushing dust from a -webkit- relic
Dodging collapsing * html selectors, you look for browser support. "Half of these are cursed," you smirk.
Plunder your legacy code.
ReliCSS www.alwaystwisted.com/relicss/
Dodging collapsing * html selectors, you look for browser support. "Half of these are cursed," you smirk.
Plunder your legacy code.
ReliCSS www.alwaystwisted.com/relicss/
Reposted by Laura Kalbag
New Hands-On Demo live🔴
@laurakalbag.bsky.social will introduce you to typography design tokens. She'll show how to create, apply, and name typography tokens in Penpot, and build a simple proportional typographic scale.
🗓️Wednesday, January 28th
🕒UTC 3-4 PM
▶️PeerTube, YouTube or LinkedIn
@laurakalbag.bsky.social will introduce you to typography design tokens. She'll show how to create, apply, and name typography tokens in Penpot, and build a simple proportional typographic scale.
🗓️Wednesday, January 28th
🕒UTC 3-4 PM
▶️PeerTube, YouTube or LinkedIn
January 21, 2026 at 1:36 PM
New Hands-On Demo live🔴
@laurakalbag.bsky.social will introduce you to typography design tokens. She'll show how to create, apply, and name typography tokens in Penpot, and build a simple proportional typographic scale.
🗓️Wednesday, January 28th
🕒UTC 3-4 PM
▶️PeerTube, YouTube or LinkedIn
@laurakalbag.bsky.social will introduce you to typography design tokens. She'll show how to create, apply, and name typography tokens in Penpot, and build a simple proportional typographic scale.
🗓️Wednesday, January 28th
🕒UTC 3-4 PM
▶️PeerTube, YouTube or LinkedIn
Reposted by Laura Kalbag
Hi there, system thinkers!
Just a few hours left to get your answers in for Ep 066 of The Question (the first one of 2026)!
@laurakalbag.bsky.social is joining as co-host to discuss "the #designsystem learning curve" and we need you to make it work!
Q3 is a doozy 😵💫
bit.ly/answerTheQue...
Just a few hours left to get your answers in for Ep 066 of The Question (the first one of 2026)!
@laurakalbag.bsky.social is joining as co-host to discuss "the #designsystem learning curve" and we need you to make it work!
Q3 is a doozy 😵💫
bit.ly/answerTheQue...
January 14, 2026 at 3:00 PM
Hi there, system thinkers!
Just a few hours left to get your answers in for Ep 066 of The Question (the first one of 2026)!
@laurakalbag.bsky.social is joining as co-host to discuss "the #designsystem learning curve" and we need you to make it work!
Q3 is a doozy 😵💫
bit.ly/answerTheQue...
Just a few hours left to get your answers in for Ep 066 of The Question (the first one of 2026)!
@laurakalbag.bsky.social is joining as co-host to discuss "the #designsystem learning curve" and we need you to make it work!
Q3 is a doozy 😵💫
bit.ly/answerTheQue...
Very satisfying moment when I realised the CSS grid sticky footer technique works perfectly in Penpot.
January 14, 2026 at 10:49 AM
Very satisfying moment when I realised the CSS grid sticky footer technique works perfectly in Penpot.
Just one day left to get your answers in for The Question! I’m joining @bencallahan.com to explore the design system learning curve.
Do you work with design systems? Are you just starting out in design systems? We’d really love your input…
bit.ly/answerTheQue...
Do you work with design systems? Are you just starting out in design systems? We’d really love your input…
bit.ly/answerTheQue...
January 13, 2026 at 3:23 PM
Just one day left to get your answers in for The Question! I’m joining @bencallahan.com to explore the design system learning curve.
Do you work with design systems? Are you just starting out in design systems? We’d really love your input…
bit.ly/answerTheQue...
Do you work with design systems? Are you just starting out in design systems? We’d really love your input…
bit.ly/answerTheQue...
This week I’m joining @bencallahan.com for The Question, where we’ll be exploring the design system learning curve.
You can follow the link below to answer the questions for yourself, and join us on Thursday for the deep dive!
bencallahan.com/the-question
You can follow the link below to answer the questions for yourself, and join us on Thursday for the deep dive!
bencallahan.com/the-question
The Question is a weekly conversation for anyone seriously interested in Design Systems.
Each Monday, you’ll receive an email from me with a design system related question. You’ll have 48 hours to answer. If you choose to do so, you’ll receive an invite to the deep dive on Thursday (or Fr...
bencallahan.com
January 12, 2026 at 4:13 PM
This week I’m joining @bencallahan.com for The Question, where we’ll be exploring the design system learning curve.
You can follow the link below to answer the questions for yourself, and join us on Thursday for the deep dive!
bencallahan.com/the-question
You can follow the link below to answer the questions for yourself, and join us on Thursday for the deep dive!
bencallahan.com/the-question
New year, new @penpot.app template: Typography design tokens starter kit!
penpot.app/penpothub/li...
Including 29 tokens, documentation, tips for use, and set up for a proportional typographic scale. #penpot
penpot.app/penpothub/li...
Including 29 tokens, documentation, tips for use, and set up for a proportional typographic scale. #penpot
January 5, 2026 at 3:08 PM
New year, new @penpot.app template: Typography design tokens starter kit!
penpot.app/penpothub/li...
Including 29 tokens, documentation, tips for use, and set up for a proportional typographic scale. #penpot
penpot.app/penpothub/li...
Including 29 tokens, documentation, tips for use, and set up for a proportional typographic scale. #penpot
Reposted by Laura Kalbag
ReliCSS: The front-end archaeologist's tool for navigating legacy CSS
www.alwaystwisted.com/relicss/
🙏🖤
www.alwaystwisted.com/relicss/
🙏🖤
ReliCSS - Web Interface
www.alwaystwisted.com
January 4, 2026 at 2:51 PM
ReliCSS: The front-end archaeologist's tool for navigating legacy CSS
www.alwaystwisted.com/relicss/
🙏🖤
www.alwaystwisted.com/relicss/
🙏🖤
🎄 Penpot 2.12 “Jingle Bell Rock” is here!
New workflow improvements, powered by the community:
🎨 Color tokens from the sidebar
🔍 Clearer token inspection
🧩 Simpler boolean variants
📄 Smarter PDF exports
🔐 Cloud SSO
👇 Which update are you trying first?
community.penpot.app/t/penpot-2-1...
New workflow improvements, powered by the community:
🎨 Color tokens from the sidebar
🔍 Clearer token inspection
🧩 Simpler boolean variants
📄 Smarter PDF exports
🔐 Cloud SSO
👇 Which update are you trying first?
community.penpot.app/t/penpot-2-1...
Penpot 2.12 is here! Jingle Bell Rock 🎁
Penpot 2.12 continues to reinforce our vision of a product that grows iteratively, incrementally, and always grounded in real user needs. The improvements to tokens and variants are perfect examples o...
community.penpot.app
December 12, 2025 at 1:25 PM
Less than one hour to go! Join me live to learn more about improving your UI design skills and Penpot’s newest features:
Today new Hands-on Demo live🔴
If you’re not quite sure how to start with components, variants, or design tokens, this demo is for you.
🗓️Today dec 10
🕒15:00 UTC
▶️Peertube, Youtube or Linkedin
Links are in our community post
community.penpot.app/t/scalable-u...
If you’re not quite sure how to start with components, variants, or design tokens, this demo is for you.
🗓️Today dec 10
🕒15:00 UTC
▶️Peertube, Youtube or Linkedin
Links are in our community post
community.penpot.app/t/scalable-u...
Scalable UI design | Hands-on Demo, December 10th
We’re back with a new hands-on live demo on December 10, 2025 🗓! If you’re not quite sure how to start with components, variants, or design tokens, this demo is for you. What makes a go...
community.penpot.app
December 10, 2025 at 2:03 PM
Less than one hour to go! Join me live to learn more about improving your UI design skills and Penpot’s newest features:
Reposted by Laura Kalbag
I'm working on a bespoke design tokens solution for a client, every organisation is different and there's never going to be a 'one size fits all' solution
Looking for help?
Together, we can create a tailored design tokens strategy that helps you and your team(s)
[email protected] (or DM)
🙏🖤
Looking for help?
Together, we can create a tailored design tokens strategy that helps you and your team(s)
[email protected] (or DM)
🙏🖤
December 5, 2025 at 8:58 AM
I'm working on a bespoke design tokens solution for a client, every organisation is different and there's never going to be a 'one size fits all' solution
Looking for help?
Together, we can create a tailored design tokens strategy that helps you and your team(s)
[email protected] (or DM)
🙏🖤
Looking for help?
Together, we can create a tailored design tokens strategy that helps you and your team(s)
[email protected] (or DM)
🙏🖤