Elektrine
EN
Log in Register
Paige Chat Timeline Communities Gallery Videos Email DNS VPN Uptime Kairo
Back to Timeline
Remote

Stu Robson

@sturobson@front-end.social
  • Open on front-end.social

👋 Available for work

🖤 Design Systems Consultant
🛠 Front-End Engineer
⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature

He/Him/They/Them

0 Followers
0 Following
38 Posts
Joined November 05, 2022
My Website:
https://www.alwaystwisted.com
Buy Me A Coffee:
http://buymeacoffee.com/sturobson
Design Systems Newsletter:
https://news.design.systems

Posts

Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 26, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Ahoy hoy!

I'll be available from mid-July for new client work and I can help you and your team with:

  • Front-End Dev.
  • Design Token Architecture
  • Design Systems, tooling, processes & component libraries

  • Digging into your legacy front-end code

Let's chat!

https://www.alwaystwisted.com

🙏🖤

1
0
5
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 12, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Your codebase is full of reasons. Every hack, workaround, temporary fix tells a story. The Dig unearths that story, then gives you a prioritised plan to improve safely while you keep shipping. https://www.alwaystwisted.com/articles/introducing-the-dig-front-end-code-archaeology-as-a-service 🙏🖤
5
0
3
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 05, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Ethans first university undergrads open day tomorrow.

What is time‽

1
1
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 05, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

What can you get your favourite person (or yourself) when they're a huge Labyrinth fan??

The complete set of ('vaulted') Funko Pop figures that I'm selling.

https://ebay.us/m/Ui2gkt

1
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 05, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

… and the winner of the 2026 World Cup Team photos goes to … Norway

https://www.nytimes.com/athletic/7333438/2026/06/04/norway-world-cup-viking-photo/ [paywall]

Inside the making of Norway’s ‘Viking’ photo for World Cup
The Athletic

Inside the making of Norway’s ‘Viking’ photo for World Cup

Some might assume the image is AI but the photographer, David Yarrow, explains to The Athletic how it came about

2
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 05, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

From The Archives: Styling The Gap with CSS

CSS gap decorations are here!

No more hacking pseudo elements or writing extra markup. Just simple, powerful rules for styling gaps in grids and flex layouts.

https://www.alwaystwisted.com/articles/styling-the-gap-with-css

🙏🖤

Styling The gap with CSS
Always Twisted

Styling The gap with CSS

Style the bits between your flexbox or grid with a new, intuitive CSS feature rather than relying on magic numbers and pseudo elements using the new gap decoration CSS

3
0
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 05, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

listening to the new Evanescence album, dreaming that it's 2003 again.

1
0
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 04, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Hello friends

I’m on the lookout for my next client

I’m looking for part-time/full-time projects and I can help you with

- front-end development / architecture
- design systems consultancy & development
- design tokens integrations, set-ups, tooling
- front-end archeology

https://www.alwaystwisted.com

2
0
7
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 04, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

nah, nah-n-n-nah, nah-nah, nah-a nah.

Metallica released the album Load 30 years ago today.

0
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 04, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Do you realise, Janet, that in modern society, there is almost no need to leave the house?

2
1
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 03, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Faith No More released their "Album of the year" 29 years ago today.

Here's The Spice Girls introducing them on Top Of The Pops where they performed Ashes to Ashes

https://youtu.be/l4BriOeeVcc

0
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 03, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

ReliCSS is becoming quite the little suite of tools for front-end archeology … finally added a link to it from my sites main navigation too.

2
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 03, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

You've inherited a codebase and wondered what media queries are being used and how old they could be?

Introducing media query palaeontologist (the name needs work) as part of the ReliCSS front-end archeologists toolkit

https://www.alwaystwisted.com/relicss/media-query-palaeontologist

🙏🖤

7
0
4
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 02, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

"There is no such thing as a new idea."

‘Escape from New York’ – Zack Snyder Directing Remake of John Carpenter Classic

just fucking stop remaking everything already.

3
1
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Jun 01, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

… I could do with quite a bit of coffee at the moment.

1
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · May 11, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

the black and white footage of its fateful last voyage made a younger me think this was a lot bigger than it actually is

https://www.bbc.com/news/articles/c4g5r0yydl2o

2
0
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · May 06, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @sturobson@front-end.social
… just need to finish this years binge re-watch of Succession first.
0
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · May 06, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

An hour long prequel to The Bear?

Yes please.

https://disneyplus.com/en-GB/browse/entity-a28327ab-0812-4da4-ad69-63844e206092

2
2
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · May 05, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

💔 Front-End Developer Seeking Meaningful Contracts

Looking for a new partner to elevate your next project?

I specialise in front-end architecture and design systems, crafting beautiful user experiences & enhancing legacy code.

Let’s make something amazing together!

stu@alwaystwisted.com

🙏🖤

7
0
13
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Apr 24, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

"Friday, I tried the experiment: let Claude build our component library from our team’s Figma file.
Monday, I ran Lighthouse."

Before: 187KB, LCP 1.2s, TBT 120ms.
After: 524KB, LCP 3.4s, TBT 410ms.

https://www.designsystemscollective.com/ai-built-it-in-1-hour-lighthouse-gave-me-43-6f88e5c23d6b

8
2
4
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Apr 23, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

⭐ New Blogpost ⭐

Design Token naming conventions explained.

It covers the 3-tier model, 5 common naming patterns (CPM, OPM, tier-based, context-first), plus practical rules for handling variants, states, and modes.

Make your tokens scalable from day one.

https://www.alwaystwisted.com/articles/design-token-naming-conventions

🙏🖤

3
0
3
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Apr 22, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

⭐ available for client work ⭐

Front-end developer & Design Systems consultant with 15 years experience building component libraries, modernising legacy codebases, writing docs & launching new projects

Let's fix your tech debt or create something new

stu@alwaystwisted.com

🙏🖤

6
0
18
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Apr 21, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

nice

https://grid.iamkate.com

National Grid: Live
grid.iamkate.com

National Grid: Live

Shows the live status of Great Britain’s electric power transmission network

5
0
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Apr 12, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @matuzo@front-end.social
@matuzo a flight of their beers and some fries at da brabantse aap https://maps.app.goo.gl/nXs8VZYePNacJTnC9
0
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Mar 27, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @leaverou@front-end.social
@leaverou@front-end.social I also took a look at what a Sass mixin would create (and how that compiled CSS would effect the HTML)
1
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Mar 12, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @sturobson@front-end.social
I wrote about how I implemented adding the baselines status web component to #11ty (#BuildAwesome) here https://www.alwaystwisted.com/articles/adding-baseline-status-to-my-eleventy-site
1
0
1
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Mar 06, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Adding the baseline status web component to my (awesome eleventy) website so I can add it to articles as and when needed with a shortcode.

17
1
5
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 24, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

🎉 Looking for new work.

15 years front-end dev + Design Systems specialist.

I help folks build, maintain & transform design systems.

I'm also available for focused projects, front-end builds, codebase modernisation.

Short to long term.

Let's chat - stu@alwaystwisted.com

reposts appreciated <3

10
2
25
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 17, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @kizu@front-end.social
@kizu@front-end.social I’ll get on this first thing tomorrow <3
1
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 17, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @burkybang@mastodon.social
@burkybang@mastodon.social agreed, something like heading-level() would be cool. As for using the idea, but not necessarily the terse one liner - we can have a :heading(Nn) { } which defines the heading level for the scale. I like the idea of different scales for different viewports - and I guess we can make different sizes depending on where the heading is … perhaps a card H3 looks like an H2? Also think this is where Mike's CSS Custom Property strategy comes in handy. Thanks for taking a look <3
0
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 17, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @paddyduke@mastodon.social
@paddyduke@mastodon.social for sure, I was going to add something about fluid typography to this -- but it became a bit too long an article for my liking. That means I'm finishing off an article w/ heading(), pow() and fluid typography for tomorrow :))
1
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 17, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @sturobson@front-end.social
just noticed a bit of a (big) issue with this - sibling-index() only works if there's H1 - H6 If there's h1,h2, two h3s, the second h3 would be styled like h4 dagnabbit :(
1
2
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 17, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social
Replying to @Richr@mastodon.social
@Richr@mastodon.social just noticed a bit of a (big) issue with this - sibling-index() only works if there's H1 - H6 If there's h1,h2, two h3s, the second h3 would be styled like h4 :(
0
0
0
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Feb 17, 2026
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

🎉 New Blogpost 🎉

Building Typographic Scales in CSS with :heading(), sibling-index(), and pow()

https://www.alwaystwisted.com/articles/building-typographic-scales-with-headings-sibling-index-and-pow

What if we could create a typographic scale for headings with one line of CSS?

One rule to scale them all.

#CSS #FrontEnd #WebDev

Typographic Scales in CSS with :heading(), sibling-index(), and pow()
Always Twisted

Typographic Scales in CSS with :heading(), sibling-index(), and pow()

Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

20
10
10
2
Open post
sturobson
Stu Robson @sturobson@front-end.social · Dec 01, 2025
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

HTMLHell smashing it out of the park on day one with this article from @5t3ph@front-end.social

Top layer troubles: popover vs. dialog

https://htmhell.dev/adventcalendar/2025/1/

front-end.social

Stephanie Eckles (@5t3ph@front-end.social) - Front-End Social

3
0
3
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Oct 06, 2025
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Hello World

I'm nearing the end of my current contract and on the lookout for my next adventure.

I'm a Front-End Developer and Design Systems specialist, excited to dive into new projects and tackle new challenges!

Let’s make some rocking websites!

stu@alwaystwisted.com

🙏🖤

14
0
20
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · May 31, 2023
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

📣 Hello there!

It's my last day with my current client, and I'm ready for my next freelance adventure.

I am a Design Systems consultant and a "front of the front" front-end developer,

I specialise in Design Systems, Design Tokens, component libraries and font-end tooling.

If you need help with your project, let's chat: hire@sturobson.com.

Seeking short/mid-term remote work.

Let's create amazing Design Systems together!

🙏🖤

#WebDev #WebDesign #DesignSystems #FrontEnd

14
0
31
0
Open post
sturobson
Stu Robson @sturobson@front-end.social · Nov 15, 2022
Stu Robson
@sturobson@front-end.social

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Engineer ⚙️ Previous Clients: Monotype, EMBL, UCL, Springer Nature He/Him/They/Them

front-end.social

Do you work on #DesignSystems?

Then why not help the community out a little and fill out this years State of Design Systems survey

https://google.qualtrics.com/jfe/form/SV_7QcLMZtANhqEH0a

🙏🖤

9
6
17
0

Remote instance

front-end.social
Open on original server

Media

313k7r1n3
Elektrine

Tor hidden service

elekhj7afj4qnrr4yd3bkzslsyo5jgfxw3orgjkhlcxifueodybyiiad.onion

Platform

  • Email
  • Chat
  • Timeline
  • Communities
  • VPN
  • DNS

Company

  • About
  • Contact
  • FAQ

Legal

  • Terms of Service
  • Privacy Policy
  • Warrant Canary
  • Lite (no JS)
  • VPN Policy
  • Source code

Support

  • support@elektrine.com
  • Report Security Issue
Mail client setup IMAP mail.elektrine.com:993 POP3 mail.elektrine.com:995 SMTP mail.elektrine.com:465
© 2026 Elektrine. All rights reserved. Server: 20:08:59 UTC