@sturobson.com πŸ¦‹@StuRobson

πŸ‘‹ Available for work πŸ–€ Design Systems Consultant πŸ›  Front-End Architect πŸ¦‹ bsky.app/profile/sturobson.c…

 The Labyrinth
alwaystwisted.com
Joined October 2008
3 Photos and videos
πŸ‘€ 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 stu@alwaystwisted.com πŸ™πŸ–€
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,243
@sturobson.com πŸ¦‹ retweeted
Marie Bell
@MarieBell626390
Sep 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
512
5,651
πŸ‘‹ 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 stu@alwaystwisted.com alwaystwisted.com πŸ™πŸ–€
232
πŸŽ‰ 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
217
πŸŽ‰ 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
442
🀘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… πŸ™πŸ–€
126
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 πŸ™πŸ–€
95
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… πŸ™πŸ–€
109
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 πŸ™πŸ–€
109
⭐ 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! stu@alwaystwisted.com
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 stu@alwaystwisted.com
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 - stu@alwaystwisted.com
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 hire@sturobson.com πŸ™πŸ–€
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. πŸ™πŸ–€
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
@sturobson.com πŸ¦‹ retweeted
@sturobson.com πŸ¦‹@StuRobson
5 Jun 2025
πŸ‘€ 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 stu@alwaystwisted.com πŸ™πŸ–€
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,243
Load more