Ben Leonard reposted
Ben Leonard
Ben Leonard
@benleonard.bsky.social
Designer / Developer @ Oxide. Formerly Pentagram
648 followers95 following184 posts
Framed print from an @oxide.computer trip to the Computer History Museum September 10, 2025
Added motion character mapping to my ASCII tool inspired by @maxime.bsky.social's fantastic post "Shading Motion" blog.maximeheckel.com/posts/shadin...
Ben Leonard reposted
On this week's Oxide and Friends, @bcantrill.bsky.social and I were joined by @benleonard.bsky.social to talk about the amazing Oxide rack explorer (explorer.oxide.computer) he designed, turning CAD models into a 3D interactive site.
Added the ability to load templates from GitHub Gists with our little ASCII tool: mitos.shared.oxide.computer?gist=35b5b8b...
Web 3d explorer for @oxide.computer. Built in three.js/r3f. Tonnes of little interactions and details in this. Poke around, and take a look at the guided tours. explorer.oxide.computer
Ben Leonard reposted
I was struggling to get a full height hero to work here until I realised I could dynamically change the number of racks on screen. From the latest @oxide.computer (oxide.computer) refresh.
@marijanapav.com had an idea to add this ASCII noise effect. Here I'm using a mask image with a similar gradient to the background to them fade out together.
I was struggling to get a full height hero to work here until I realised I could dynamically change the number of racks on screen. From the latest @oxide.computer (oxide.computer) refresh.
Amongst other things, I am MUCH better at coding and making software having worked with David all this time.
hello. are you an incredibly good UI designer? want to work with people who will love and respect your work and your process? want to make $250k (same as every other employee) and work fully remote? take a look
Ben Leonard reposted
hello. are you an incredibly good UI designer? want to work with people who will love and respect your work and your process? want to make $250k (same as every other employee) and work fully remote? take a look
Lots of fun working on a light mode theme for the @oxide.computer design system, backed by an generative OKLCH palette and Figma plugin for token syncing
Migrating away from JSON design tokens and now just parsing directly from the CSS files has meant we could remove lots of token-based automation. Built a plugin (thanks @gavinmcfarland.bsky.social for plugma.dev) to sync it with the Figma variables, transforming from OKLCH
Lots to organise and finalise but the draft PR (including palette generator and Figma plugin) found here: github.com/oxidecompute...
Lots of fun working on a light mode theme for the @oxide.computer design system, backed by an generative OKLCH palette and Figma plugin for token syncing
Happy New ASCII Blog Header Day (for those who celebrate) oxide.computer/blog/our-200...
Ben Leonard reposted
cool job at a very special computer company - write TypeScript and Rust - everyone makes $235k - fully remote - everything is open source
Been fun collaborating on a web 3d rack explorer UI for @oxide.computer with @krystianzun.com. It always feels a little magic to have shared state between the main UI and the canvas so the user can interact with either. Placeholder content and rack model coming soon.
Little responsive type scale tip with @tailwindcss, you can use container query units to scale your text in relation to the container size e.g. `font-size: 8.75cqw;`. In this case, I want the padding to be uniform regardless of screen size. tailwindcss.com/docs/respons...
Super simple Figma plugin that generates realistic mock content based on layer names with special patterns. github.com/oxidecompute...
Business cards for @oxide.computer Front: Single colour custom matched digital Pantone + hit of white Back: Oxide logo blind deboss Colorplan Racing Green duplex 2 x 270gsm Die cut rounded corners 2mm Printed by www.with-print.co.uk
Ben Leonard reposted
Last week, we were treated to an extraordinary talk internally at @oxide.computer. It was at once an expository talk of a complicated software system and an experience talk of developing systems software in the large -- and it was far too good to keep to ourselves! oxide.computer/blog/systems...
Each year the @oxide.computer team comes together and meets at an internal conf. It's a good excuse to make something pretty. This year it's a coin, with a snapshot of our compute sled's PCB and modular logo.
Backing card produced by dotstudio.xyz. Silver foil text, coin impression deboss, screen printed ASCII pattern on GF Smith Wild Natural Brown 450gsm. Double-Sided Challenge Coin by www.madebycooper.co.uk.
Here's a technique I've used previously to implement noisy gradients at almost 1/10th of the file size (noise compresses very badly). Essentially splitting it into two layers; base blurry colour image, and a repeating noise image overlayed on top with a CSS blend mode. codesandbox.io/p/sandbox/wy...
Happy to say that we've (@oxide.computer) raised $100M for our Series B ... which was a wonderful excuse to work on this little featured blog header ASCII element. With text trimming, responsive text sizing and funky SDF coins
You can play with the ASCII animation script on our brand tool here: bsky.app/profile/benl...
Playing with more sophisticated code input bindings. Nested / object inputs. Uses regex so expecting some jank. Try it here: mitos.shared.oxide.computer?template=coins
And of course, check out the announcement for yourself oxide.computer/blog/our-100...
Happy to say that we've (@oxide.computer) raised $100M for our Series B ... which was a wonderful excuse to work on this little featured blog header ASCII element. With text trimming, responsive text sizing and funky SDF coins
Ben Leonard reposted
🎉We raised $100M USD in our Series B financing. Thank you to USIT for leading this round, to our existing investors for their participation, and to our team, customers, and community for getting us to where we are today! oxide.computer/blog/our-100...