@sturobson.com 🦋 (@StuRobson) header
@sturobson.com 🦋 (@StuRobson) profile picture

@sturobson.com 🦋

@StuRobson

👋 Available for work 🖤 Design Systems Consultant 🛠 Front-End Architect 🦋 https://nitter.cf/t.co/puTaAyiDU2

 The Labyrinth
alwaystwisted.com
Joined October 2008
  • Tweets372
  • Following4
  • Followers5.8K
3Media
Photo by @sturobson.com 🦋 (@StuRobson)Photo by @sturobson.com 🦋 (@StuRobson)Photo by @sturobson.com 🦋 (@StuRobson)
👀 Do you Design Systems consultancy or front-end development for your project? 📅 I have availability and would love to help! 👇 Here's some recent work. 💡 Got something coming up, let’s chat! 🌐 Visit alwaystwisted.com or email me at [email protected] 🙏🖤
A composition of elements from the Visual Framework homepage for EMBL, showcasing design system guidelines, component examples, and accessibility features. The design employs a green and white colour scheme. The caption reads, 'Developed the front-end architecture and guidelines for EMBL's new Design System, ensuring scalability and maintainability throughout the project.'

ALT A composition of elements from the Visual Framework homepage for EMBL, showcasing design system guidelines, component examples, and accessibility features. The design employs a green and white colour scheme. The caption reads, 'Developed the front-end architecture and guidelines for EMBL's new Design System, ensuring scalability and maintainability throughout the project.'

A composition of elements from the Elements Design System homepage, featuring clean layouts, design tokens, and component guidelines. The design utilises a light theme with blue accents. The caption reads, 'Assisted with front-end work across multiple sites, helped create the new Design System documentation site, implemented design tokens.'

ALT A composition of elements from the Elements Design System homepage, featuring clean layouts, design tokens, and component guidelines. The design utilises a light theme with blue accents. The caption reads, 'Assisted with front-end work across multiple sites, helped create the new Design System documentation site, implemented design tokens.'

A composition of elements from the UCL site-wide search system, highlighting search functionality, filters, and a clean user interface. The design features a modern layout with blue and white tones. The caption reads, 'Created the front-end for a comprehensive site-wide search system, enhancing UX and the existing Design System.'

ALT A composition of elements from the UCL site-wide search system, highlighting search functionality, filters, and a clean user interface. The design features a modern layout with blue and white tones. The caption reads, 'Created the front-end for a comprehensive site-wide search system, enhancing UX and the existing Design System.'

A composition of elements from the Monotype Marketing Design System, featuring interactive type specimens, bold typography, and a user-friendly interface. The design adopts a minimalist aesthetic with black and red accents. The caption reads, 'Created the Monotype marketing Design System, developed tools for interactive type specimens, launched the Shopify storefront.'

ALT A composition of elements from the Monotype Marketing Design System, featuring interactive type specimens, bold typography, and a user-friendly interface. The design adopts a minimalist aesthetic with black and red accents. The caption reads, 'Created the Monotype marketing Design System, developed tools for interactive type specimens, launched the Shopify storefront.'

2
1
1,263
@sturobson.com 🦋 retweeted
Richard Tice MP 🇬🇧 (@TiceRichard) profile picture
Richard Tice MP 🇬🇧
@TiceRichardOct 9
Durham County Council under Reform leadership WINNING 4 national awards last night @cathynewman @SkyNews will this be reported by you in the interests of balance? Or will you continue with your anti reform political activism in breach of Ofcom guidelines
Cllr Andrew Husband / Reform Leader Durham (@ReformDurham) profile pictureCllr Andrew Husband / Reform Leader Durham
@ReformDurhamOct 9
Did somebody say chaos in Durham County Council? Nope - just @cathynewman and a few bitter ex Reformers booted out of the party. Looking forward to the coverage @SkyNews Durham Council winning “Organisation of the Year” along with 3 other awards last night at the UK Active Awards / at the Birmingham ICC
165
591
28
1,898
141,752
@sturobson.com 🦋 retweeted
Marie Bell (@MarieBell626390) profile picture
Marie Bell
@MarieBell626390Sep 5
Replying to @TiceRichard
Jesus's Richard, any gain you made at conference you just lost..why are you calling peaceful protesters thugs? Did it ever occur to you they covered their faces as you lose your job for social media support in this country..I hate to say this Rupert got it,you and nigel sound just like the tories.
10
17
508
5,653
👋 Ahoy hoy! Do you, your team, or someone you know need some front-end or Design Systems help? I'm currently available for short/medium term freelance bits and bobs. Get in touch [email protected] alwaystwisted.com 🙏🖤
2
244
🎉 new post I was reading Chris Coyier's post on CSS @layer ordering and wondered how Design Tokens could know which layer they belong to… Solving CSS @layer Ordering in Design Systems with Design Token Metadata alwaystwisted.com/articles/e… 🙏🖤
1
228
🎉 new post! Dynamic Colour Schemes With Modern CSS What magical CSS can we use to create not just a quick and dirty colour palette, but a whole colour scheme? Anogulous? Complementary? Triadic? It's all here! alwaystwisted.com/articles/d… 🙏🖤
2
449
🤘New post: From Proposal to Release: Designing Your Design System Workflow Stop your Design System from stalling to a halt and losing trust by starting with its workflows alwaystwisted.com/articles/f… 🙏🖤
128
from the archives: What Else Can We Do With Design Tokens? We can store design decisions sure, but we could add some key information for tooling, documentation, and more. alwaystwisted.com/articles/w… #DesignSystems #DesignTokens #WebDesign 🙏🖤
96
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 alwaystwisted.com/relicss/me… 🙏🖤
110
A huge thanks to @zeroheight for sponsoring this weeks issue of Design Systems News with their 2026 State of AI in Design Systems Report. find the report here: zeroheight.com/resources/sta… sign up to Design System News - news.design.systems 🙏🖤
110
⭐ new blogpost ⭐ Linting Your Design Tokens - The Where And The When You know you should lint, but where in your workflow does it actually live and when is it best to check? alwaystwisted.com/articles/w… #DesignSystems #DesignTokens #FrontEnd
1
158
⭐ new blogpost ⭐ Linting Your Design Tokens - The What And The Why Designers update Figma. Devs sync tokens. Users see issues. Catch the bugs before they ship – add linting to your toolset: alwaystwisted.com/articles/l… #DesignSystems #DesignTokens #FrontEnd
1
181
💔 Front-End Developer Seeking Meaningful Contracts Looking for a new partner for your next project? I specialise in front-end architecture and design systems, crafting beautiful user experiences & enhancing legacy code. Let’s make something amazing! [email protected]
A close-up of a printed newspaper-style advertisement featuring various job seekers in the tech industry. The highlighted section reads "Front-End Developer" and states: "Seeking short/mid-term contracts to create stunning user experiences. Expert in CSS, design systems, tokens, and component libraries." The text is surrounded by a red circle for emphasis.

ALT A close-up of a printed newspaper-style advertisement featuring various job seekers in the tech industry. The highlighted section reads "Front-End Developer" and states: "Seeking short/mid-term contracts to create stunning user experiences. Expert in CSS, design systems, tokens, and component libraries." The text is surrounded by a red circle for emphasis.

4
335
⭐ New Blogpost ⭐ Design Token naming conventions explained. It covers the 3-tier model, 5 common naming patterns, plus practical rules for handling variants, states, and modes. Make your tokens scalable from day one. alwaystwisted.com/articles/d… 🙏🖤
156
⭐ 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 [email protected]
1
240
🎉 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 - [email protected]
1
1
1
3
757
The dust of decades settles on your keyboard, your fedora casts shadows over cryptic CSS hacks from another era. "This belongs in a museum" you mutter ReliCSS: The front-end archaeologist's tool for navigating legacy CSS alwaystwisted.com/relicss/ 🙏🖤
1
162
I'm working on a bespoke design tokens solution for a client, every organisation is different and there's never a 'one size fits all' solution Looking for help? Together, we can create a tailored design tokens strategy that helps you and your team [email protected] 🙏🖤
154
It's Monday, it's nearly 9am, which means you've got one hour until the latest Design Systems News email will be hitting your inboxes. Not yet subscribed? news.design.systems Get a curated slice of the best Design Systems articles, tutorials, tips, and examples. 🙏🖤

Design Systems News

A publication full of interesting, relevant, and curated links.

news.design.systems
178
Working on a little web app that can cross post to both Mastodon and Bluesky, getting burned on pushing images to Bluesky so I've switched gears to tidy up the UI a little bit #BuildInPublic #WIP #DevJourney #SideProject
A screenshot of a social media posting interface for "SkyTrunk" platform. The interface includes: • Orange "SkyTrunk" logo in the top left corner • A menu button in the top right • A text input field labeled "What's happening?" (currently empty) with 0/300 character count • An image upload section marked as optional with a "Choose File" button (no file selected) • An alt text field for accessibility with placeholder text "Describe the image for accessibility" • A checked checkbox option to "Also post to Mastodon" • An orange "Post it" button • Footer text reading "Made with ❤️ by @sturobson" The interface appears to be designed for posting content with accessibility features and cross-posting capability to Mastodon.

ALT A screenshot of a social media posting interface for "SkyTrunk" platform. The interface includes: • Orange "SkyTrunk" logo in the top left corner
 • A menu button in the top right
 • A text input field labeled "What's happening?" (currently empty) with 0/300 character count
 • An image upload section marked as optional with a "Choose File" button (no file selected)
 • An alt text field for accessibility with placeholder text "Describe the image for accessibility"
 • A checked checkbox option to "Also post to Mastodon"
 • An orange "Post it" button
 • Footer text reading "Made with ❤️ by @sturobson" The interface appears to be designed for posting content with accessibility features and cross-posting capability to Mastodon.

2
2
218
🎉 Just published: a new Design Tokens article 🎉 "Generating Utility Classes from Design Tokens using Style Dictionary" alwaystwisted.com/articles/a… Create consistent utility classes directly from design tokens for both flexibility _and_ consistency. 🙏🖤
128
Load more