Advertisement · 728 × 90

Posts by Scott Boyle

A tidy home studio workspace with a wooden desk, a large monitor, white bookshelf speakers, a small MIDI keyboard, a microphone, and a black desk lamp. A laptop stands closed at the left edge of the desk, and a cork board with art prints hangs on the wall beside a two-tier wall shelf holding books and storage bins.

A tidy home studio workspace with a wooden desk, a large monitor, white bookshelf speakers, a small MIDI keyboard, a microphone, and a black desk lamp. A laptop stands closed at the left edge of the desk, and a cork board with art prints hangs on the wall beside a two-tier wall shelf holding books and storage bins.

6 days ago 2 0 1 0
A pastel blue townhouse with white-trimmed windows sits behind a painted wooden gate. The gate features a stylized grayscale cityscape mural with scattered red letters spelling out BRISTOL. A leafy tree partially obscures the right side of the building, and a stone wall borders the left. The scene is lit by low, golden-hour sunlight, casting shadows across the facade and quiet street in front.

A pastel blue townhouse with white-trimmed windows sits behind a painted wooden gate. The gate features a stylized grayscale cityscape mural with scattered red letters spelling out BRISTOL. A leafy tree partially obscures the right side of the building, and a stone wall borders the left. The scene is lit by low, golden-hour sunlight, casting shadows across the facade and quiet street in front.

3 weeks ago 0 0 0 0
View of the City of London from Tower Bridge at dusk.

View of the City of London from Tower Bridge at dusk.

1 month ago 0 0 0 0
Preview
Introducing Facet: a procedural brand image system built with agentic coding A practical build story using AI-assisted workflows, strict visual constraints, and rapid browser iteration to create consistent procedural assets.

measured.co/blog/introdu...

1 month ago 0 0 0 0
Top-down view of a small guitar pedalboard on a wooden floor. From right to left: a turquoise NUX Morning Star overdrive pedal, a black Dunlop volume pedal, a silver Zoom MultiStomp MS-50G multi-effects pedal, and a white Eccos Delay/Looper pedal, all mounted on a black pedalboard.

Top-down view of a small guitar pedalboard on a wooden floor. From right to left: a turquoise NUX Morning Star overdrive pedal, a black Dunlop volume pedal, a silver Zoom MultiStomp MS-50G multi-effects pedal, and a white Eccos Delay/Looper pedal, all mounted on a black pedalboard.

1 month ago 1 0 0 0
Preview
Spotting UI icebergs: the complexity beneath the clicks Figma designs look real on the surface, but you have to look deeper. Here’s how teams can spot UI icebergs early to prevent unexpected budgetary headaches.

measured.co/blog/ui-iceb...

2 months ago 0 0 0 0
Japser, a cream Burmese cat with green eyes, sits inside a rectangular wicker basket on a shelf. Behind him is a row of colorful books arranged upright on a white bookshelf. Japser faces the camera with an alert, slightly serious expression, his ears angled outward.

Japser, a cream Burmese cat with green eyes, sits inside a rectangular wicker basket on a shelf. Behind him is a row of colorful books arranged upright on a white bookshelf. Japser faces the camera with an alert, slightly serious expression, his ears angled outward.

2 months ago 1 0 0 0
Preview
Continuums as a tool for understanding Complex problems rarely have tidy answers. The continuum is a powerful tool to shift from grasping for quick fixes to finding a considered, effective approach.

Continuums are a useful model when making decisions in complex circumstances. Plus you get to make funny hand gestures when you explain things. 🫲 🫱

We’ve written a blog post about it:
measured.co/blog/continu...

6 months ago 2 1 0 0
Advertisement

Everything computer

9 months ago 1 0 0 0
Why the NASA Graphics Standards Manual of 1976 is still relevant today.

Why the NASA Graphics Standards Manual of 1976 is still relevant today.

The identity manuals and style guides of the late 20th century were a big influence on modern design systems.

NASA’s 1976 Graphics Standards Manual is a great exmple — covering everything from letterheads to spacecraft insignia.

Just for fun, we looked back to see what still holds up today…

10 months ago 3 3 2 0

:has, logical properites/values, @container queries

11 months ago 2 0 0 0
A stylized image of a software CD case floating against a bright blue sky with soft clouds. The CD is labeled "ReCycle" with a recycling symbol and waveform graphic above the name. It features a handwritten sticker that says "FREE! VER 2.5". The disc also displays the Reason Studios logo and URL (www.reasonstudios.com). The overall visual has a retro, Windows 95-style window frame with the title "ReCycle" in a monospaced font.

A stylized image of a software CD case floating against a bright blue sky with soft clouds. The CD is labeled "ReCycle" with a recycling symbol and waveform graphic above the name. It features a handwritten sticker that says "FREE! VER 2.5". The disc also displays the Reason Studios logo and URL (www.reasonstudios.com). The overall visual has a retro, Windows 95-style window frame with the title "ReCycle" in a monospaced font.

Classic software sampler ReCycle (1994) has been overhauled and is now free. Nice!

www.reasonstudios.com/recycle

1 year ago 0 0 0 0
Preview
Creating a new visual identity for Measured When you work in UI and branding, your own shop window should reflect your expertise. Here’s how we upgraded our visual identity to show what we’re about.

When we founded Measured, we threw together the minimum viable visual identity we needed. In mid-2024, we rebuilt it from the ground up to better reflect our expertise. Take a look, and get tips for your own brand revamp: measured.co/blog/new-vis...

1 year ago 1 1 1 1
A square blue sticker with rounded corners featuring the Measured logo. The logo consists of three white corner shapes resembling the letter 'M' and the word 'Measured.' written in white below them. The sticker is placed on a wooden surface.

A square blue sticker with rounded corners featuring the Measured logo. The logo consists of three white corner shapes resembling the letter 'M' and the word 'Measured.' written in white below them. The sticker is placed on a wooden surface.

A space grey Macbook Air with a blue Measured logo sticker centered on its lid. The sticker features three white corner shapes resembling the letter 'M' and the word 'Measured.' written in white below them. The laptop is placed on a wooden surface. In the top-left corner of the image, part of a black music production device with multiple buttons visible. In the top-right corner, there is a potted plant with green leaves in a terracotta pot filled with rocks.

A space grey Macbook Air with a blue Measured logo sticker centered on its lid. The sticker features three white corner shapes resembling the letter 'M' and the word 'Measured.' written in white below them. The laptop is placed on a wooden surface. In the top-left corner of the image, part of a black music production device with multiple buttons visible. In the top-right corner, there is a potted plant with green leaves in a terracotta pot filled with rocks.

Sticker!

1 year ago 4 2 0 0

Death. Taxes. Rebrands.

1 year ago 5 2 0 0
A compact pedalboard with five guitar effect pedals neatly arranged in a row. On the left is a Seymour Duncan Vapor Trail, a silver and blue analog delay pedal with knobs for rate, depth, repeats, mix, and delay time. Next is an Ibanez DCL Stereo Chorus, a vintage-style light green chorus pedal with knobs for speed, width, and delay time. In the center is a Way Huge Russian Pickle, a green fuzz pedal with black knobs for volume, tone, and distortion. To its right is a green reverb pedal labeled Reverberator, featuring white knobs for mix, level, and additional reverb settings, with a celestial-themed design. On the far right is an Xotic SP Compressor, a small compressor pedal with clear knobs for volume and blend, plus a toggle switch for different compression levels. The pedals are mounted on a black pedalboard with cables neatly routed behind them. The setup is placed on a wooden floor.

A compact pedalboard with five guitar effect pedals neatly arranged in a row. On the left is a Seymour Duncan Vapor Trail, a silver and blue analog delay pedal with knobs for rate, depth, repeats, mix, and delay time. Next is an Ibanez DCL Stereo Chorus, a vintage-style light green chorus pedal with knobs for speed, width, and delay time. In the center is a Way Huge Russian Pickle, a green fuzz pedal with black knobs for volume, tone, and distortion. To its right is a green reverb pedal labeled Reverberator, featuring white knobs for mix, level, and additional reverb settings, with a celestial-themed design. On the far right is an Xotic SP Compressor, a small compressor pedal with clear knobs for volume and blend, plus a toggle switch for different compression levels. The pedals are mounted on a black pedalboard with cables neatly routed behind them. The setup is placed on a wooden floor.

1 year ago 19 1 1 0
A selection of colourful of Figma badges and stickers. The badges are often block colours of shapes like stars, octagons, circles along with some rounded abstract shapes. The stickers have a mouse-style pointer arrows with text labels with words like Genius, Boo, Free, Opinions and Caution.

A selection of colourful of Figma badges and stickers. The badges are often block colours of shapes like stars, octagons, circles along with some rounded abstract shapes. The stickers have a mouse-style pointer arrows with text labels with words like Genius, Boo, Free, Opinions and Caution.

A pair of Figma-branded sports-style white socks with the word Figma vertically aligned in green text, and bold blue and yellow hoops near the top.

A pair of Figma-branded sports-style white socks with the word Figma vertically aligned in green text, and bold blue and yellow hoops near the top.

A welcome nudge from @figma.com to raise our swag game. (And thanks for hosting a great product culture event in London last week!)

1 year ago 5 1 0 1
Advertisement
Preview
Blog | Measured Notes on the craft of UI and design systems.

Hi Stefan, big Web Weekly RSS fan here, so a big thank you! You asked for blog feeds this week, so here's ours. Started 9 months ago, still new in web years? 😁

measured.co/blog / measured.co/feed.xml

1 year ago 1 0 1 0
Preview
Understanding the trade-offs of using Tailwind CSS Tailwind helps you build web pages quickly with a utility-first approach — but is it right for your project? Here we explore its benefits and trade-offs.

Tailwind CSS has undoubted benefits, but they come with trade-offs — particularly in maintenance and scaling. We wrote down some things to consider when choosing Tailwind: measured.co/blog/tailwin...

1 year ago 5 1 0 1

for their survival… and our survival!

1 year ago 1 0 0 0

The new measured.co website was designed/built in-browser using CSS Grid and a canary release of Puck’s new drag and drop engine, now offically released today as v0.18 💙

1 year ago 3 0 0 0
Preview
The Craft Of Open Source Podcast · Ben Rometsch, CEO, Flagsmith · Welcome to The Craft of Open Source, hosted by Ben Rometsch, Co-Founder and CEO of Flagsmith. This bi-weekly show is focused on the ins and outs of the Open So...

My interview for the Craft of Open Source podcast is live! 🚀

We talked design systems at scale, origins of @puckeditor.com and how to balance it with running a consultancy @measured.co.

Odd to listen to a podcast of yourself, but very much enjoyed playing it back.

open.spotify.com/show/5fazVpZ...

1 year ago 8 4 0 0
Preview
We’ll be back for State of the Browser 2025 We’ll be returning to State of the Browser in London at the end of March. We’ll be around all day to talk about UI and branding. We’d love to see you there.

We’re really looking forward to State of the Browser 2025. Massive thanks to @londonwebstandards.org for putting on such a lovely event! Find us on the day to talk all things web UI: measured.co/blog/state-o...

1 year ago 3 3 0 1

Bookmarks for Bluesky!

I’ve built a prototype feed so you can view all of your post bookmarks.

The advantage of sending a DM to @skymark.me is that you don’t litter replies with 📌 emojis.

Give it a try and let me know what you think.

1 year ago 4 1 0 3
Advertisement

Thrilled to support once again. #SotB2024 was a super day — can’t wait for #SotB2025!

1 year ago 4 3 0 0

If you see this, please repost with a favourite photo of the sky that you’ve taken recently.

Sunset Zadar, Croatia, late August 2024.

1 year ago 2 0 0 0
Preview
12 tips to make project handovers a success Project handovers are always tricky. They’re as much about people as they are processes. Here’s what we’ve learned over the years, distilled into 12 tips.

➡️ Start with fundamentals
➡️ Keep a friction log
➡️ Acknowledge feelings

Project handovers are always tricky. Here are 12 tips we’ve picked up over the years to help them go smoothly:
measured.co/blog/project...

1 year ago 3 1 0 1
Preview
Why design systems fail Disaster is rare, but design systems often fail to meet the needs of the teams they’re meant to help. Here are 11 reasons why, and what to do to address them.

Lack of consensus. Lack of organising principle. Lack of reach. These are just a few reasons why design systems fail. Here are more, and how to mitigate them: measured.co/blog/why-des...

1 year ago 3 3 1 0
Preview
Let’s talk design systems at Converge this October We’re going to the Converge design systems conference on October 3 and 4 to chat about all things UI. There’s a great speaker line-up. We hope to see you there!

We’ll be heading to Brighton this October for the Converge design systems conference! We’re on deck to chat about all things UI and design systems. Why not come along? More info:
measured.co/blog/talk-de...

1 year ago 2 1 0 1
Preview
Release v0.16.0 · measuredco/puck We're celebrating 5,000 stars on GitHub! Thank you to our wonderful community! 🤩 Puck v0.16 is a big release, introducing the headline permissions API and — you guessed it — quality of life improve...

Puck v0.16 just landed!

🔐 Permissions - toggle functionality like deletion, duplication & insertion

📜 History injection - inject history using the `initialHistory` prop

🪛 Add new controls - use the `actionBar` override to insert new controls into the component overlay

github.com/measuredco/p...

1 year ago 2 2 1 0