Best content at Design Systems London meetup

A cup of coffee on a busy street

Finnish mind cannot comprehend this

Tokens naming convention I follow in my projects 👇 Prefix → Category → Group → Entity → Modifier → ID (each part is optional) Examples: - ds/color/global/blue/50 - Global color palette - ds/color/concept/brand/base - Conceptual brand color - ds/input/border/focus - Component-specific state

I was wondering why the windows in the ladies’ section in the gym were frosted, it would be nice to look outside. Then I suddenly realized why. What a f***ing world we’re living in. 🫠

The Technical Assessment started and... ended right away. Note: This is even before they had a look at my CV. I never got a call from an HR, maybe the position doesn't even exist and they just forgot to take the role off the website.

$1,000,000 — that’s how much my first client earned by investing in a design system. … and that was a long time ago, the numbers have only grown since then. Do you need to prove that #designsystems worth it? I’ve got plenty of materials that can help you build a strong case and I am happy to share.

Sil said that there will be pitches from stage, so I committed something to show the very last moment right from the audience! Let’s see how it works :-)

Greeting from Spotify’s roof! @ Stockholm

Finally got around to organizing everything about our #DesignSystems Breakfast series by Bridge the Gap. We don't record because it's more like friends meeting up rather than anything official, but it's nice to have links to all our speakers and their topics. Full archive: bridge-the-gap.dev/events

Ideal weather to ride a carriage with a little princess!

New life chapter!

Applied for a job. CV says "Finnish C1". In the cover letter (in Finnish) I mention that too. Result: rejected because Finnish language skills are mandatory. They must mean Finnish skill of my granny (as usual) 🤣

Attention Europe-based design system fellows! We have the next breakfast on Sept 4th (Thursday) 🎉 The topic: UnoCSS: Instant On-demand Atomic CSS Engine, that nobody speaks about (but they should) The event is super casual, join and sip your coffee! See here: www.linkedin.com/posts/bridge...

-10kg, 180 days sharp

Hubby, can you just drink in the forest like all the other guys?! (that’s a half of it)

New me

Before summer, I made a design systems cheat sheet and it went pretty viral on LinkedIn. So now it's a web page! Perfect if: - You are looking for a design system job - You are hiring design system people - You just want to check DS topics bridge-the-gap.dev/hub/ds-topic... How's it? Suggestions?

Days since I was reminded that my Finnish is not good enough: 0.

If you are choosing an electro bike, the battery should be detachable. Well, not should, it MUST be detachable.

Exciting news! Bridge the Gap workshops are back! Join us on 23rd of May 2025, for a full day of design systems goodness. Check out all the details here: bridge-the-gap.dev/workshops/ha... #DesignSystems #Workshop

There is “Finnish summer” here at south of Spain 😍

Today is bad LLM day. Tried to fix a bug with Cursor via ChatGPT and Claude. No luck. Tried Deepseek, that also failed. Finally googled a one-line solution at StackOverflow. Basically, that one-line was a configuration option. Meh!

With €X in savings, how would you split it between cash (in a bank) and investments? Options: all cash, all investments, 50/50, 6 months’ salary in cash + the rest invested, 12 months’ salary in cash + investments, 3 months’ salary in cash + the rest invested. Or your suggestion?

What does the title #DesignEngineer mean to you? I'm putting together an article and I'd love to hear what your thoughts are, especially in relation to #DesignSystems. Boost for reach? 💜

Does anyone know the brand of these lamps?

I tried Cursor for the 1st time and I am amazed! Subscribed to both ChatGPT and Claude, they helped a lot with coding. But Cursor offers access to their models within its own subscription. Planning to switch completely. 🧵

Come as you are¹ on @codepen.io codepen.io/thebabydino/... No text duplication whatsoever, no text-shadow, no images save for #CSS gradients, no JS, just #SVG #filter magic. Also an entry for this week's #CodePenChallenge. ¹but fully clothed

My 2025 starts with sea view (and no ice on it!). Hope and wish you all that this day and the other days in this year we relax and enjoy life!

Emil wanted a Master V Tobot for xMas. We found it only on AliExpress, directly from the factory in China. Joulupukki couldn't manage the delivery on time (no wonder!). But we have Russian Ded Moroz (Grandfather Frost) who brings presents under the *New Year* tree. He saves the day :-)

“Cappuccino por favor MUTTA no nata” 🤣

I tell Emil: “Your dad and I read a parenting book and realized we’re not raising you and Eva quite the right way. The book says children need to be put in frames.” * (= set the limits) Emil: “Oh no! Not frames! They’re hot, those frames!”

Public transport here in Fuengirola is not so optimized to run around all the large stores. So, the Santa had kind of workout today!

In every travel, in all the countries, when drinking water - tap bottle - the only thought was "this isn't that". And when returning to Finland, the first thing to do was to drink from a tap, a couple of full glasses. Or three of them. All until we bought this one. This is that!

It was just yesterday when I though how much I miss that things this winter in Spain!

I have to remind myself that this is not real “we are trying to live in Spain” experience :-)

Noted!

Rainy day

A Storybook quiz! 😊 A Docs page lists input stories, one with `autofocus`. Stories aren't in iframes (let's keep it that way). The last input gets focus, page scrolls down. How would you prevent this? I have a solution but will share it later. Any better ideas? Links to demo are in the next message.

Me: Emil, would you like to travel to Spain next winter too? Emil, 5 y.o.: Yes, but I want all-inclusive. Am I making parenting mistake? 🤣

Not bad!

Our updated website's Storybook is live! 🎉 While smaller than the systems we build for clients, it includes features like status indicators, custom Docs, and more. This time, I kept it simple—design system + site in one repo. Explore here: design-system.bridge-the-gap.dev

✅ Changed the handle to @varya.me (my verified domain)! Read this article if you want to do the same matthiasott.com/notes/how-to...

Team website is out! We helped clients to build their design systems for several years but never had time to polish our own website. Now it's done, not only visually but technically too! The next step is to publish design systems related materials, all based on client cases. bridge-the-gap.dev

Our AirBnB has a jacuzzi but landlord warned us that boiler’s volume is not enough to fill it. As I have experience of hot water cut off for one month every year (a custom in Russia), I don’t see any problem 😂

I‘m looking for a designer who is really good at marketing design, brand & animations (jitter / adobe AE) any recommendations? Please include a link to your website or portfolio

My first run ever (half way walking though). I didn't track anything but just by card and watch it was about like that. OKish for the first time, right?

Our team’s new website is almost shipped! 😉

Our team has a secret to smooth design system development. Super detailed component definitions! Years of experience taught us: when specs are crystal clear, even complex components are straightforward to code. We also get early feedback from the product teams 👌 bridge-the-gap.dev/blog/design-...

Morning!