Ben Leonard
@benleonard.bsky.social
Designer / Developer @ Oxide. Formerly Pentagram
The soul of a new machine
October 24, 2025 at 2:45 PM
The soul of a new machine
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...
tailwindcss.com/docs/respons...
October 22, 2025 at 3:36 PM
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...
tailwindcss.com/docs/respons...
Super simple Figma plugin that generates realistic mock content based on layer names with special patterns.
github.com/oxidecompute...
github.com/oxidecompute...
October 7, 2025 at 12:03 PM
Super simple Figma plugin that generates realistic mock content based on layer names with special patterns.
github.com/oxidecompute...
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
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
September 19, 2025 at 3:38 PM
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
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
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.
September 18, 2025 at 2:10 PM
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.
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...
codesandbox.io/p/sandbox/wy...
August 6, 2025 at 4:20 PM
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...
codesandbox.io/p/sandbox/wy...
The hardest part, perhaps unsurprisingly is the typography. Inspired by the capsize library, it trims the top and bottom space out of the title. Then we can set the leading and type size as a multiple of grid cell height, which itself is sized in relation to the ASCII char size
July 30, 2025 at 2:42 PM
The hardest part, perhaps unsurprisingly is the typography. Inspired by the capsize library, it trims the top and bottom space out of the title. Then we can set the leading and type size as a multiple of grid cell height, which itself is sized in relation to the ASCII char size
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
July 30, 2025 at 2:42 PM
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
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
Try it here: mitos.shared.oxide.computer?template=coins
July 22, 2025 at 2:15 PM
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
Try it here: mitos.shared.oxide.computer?template=coins
Working through some ideas for a featured blog header, would be animated or interactive ASCII mixed with text aligned to the same baseline grid
July 7, 2025 at 7:38 PM
Working through some ideas for a featured blog header, would be animated or interactive ASCII mixed with text aligned to the same baseline grid
"What's more hyper than hyper?"
June 13, 2025 at 3:58 PM
"What's more hyper than hyper?"
Fun/weird side-effect of Oxide's stack all being open-source. Today v0 stubbed some of the mock data using actual names of services in our product.
June 12, 2025 at 2:52 PM
Fun/weird side-effect of Oxide's stack all being open-source. Today v0 stubbed some of the mock data using actual names of services in our product.
Fixed sidebar toggle (mitos.shared.oxide.computer), partially inspired by the T3 Chat version
June 5, 2025 at 1:53 PM
Fixed sidebar toggle (mitos.shared.oxide.computer), partially inspired by the T3 Chat version
More code / input binding
May 30, 2025 at 3:18 PM
More code / input binding
Binding code variables to inputs with a commented annotation
May 30, 2025 at 3:18 PM
Binding code variables to inputs with a commented annotation
Little by little they get better at ASCII diagrams ... with some intervention in Monodraw
May 28, 2025 at 8:09 PM
Little by little they get better at ASCII diagrams ... with some intervention in Monodraw
Was playing with something a bit more print-y courtesy of the new Figma noise and texture effects, but in context it didn't feel quite so strong especially in a feed of other artworks.
May 28, 2025 at 9:36 AM
Was playing with something a bit more print-y courtesy of the new Figma noise and texture effects, but in context it didn't feel quite so strong especially in a feed of other artworks.
Working on updated cover art and full page show art (apple podcasts) for @oxide.computer's podcast. Typographically a nod to punch cards.
May 28, 2025 at 9:36 AM
Working on updated cover art and full page show art (apple podcasts) for @oxide.computer's podcast. Typographically a nod to punch cards.
motion.dev layout animations melt my brain
May 23, 2025 at 11:01 AM
motion.dev layout animations melt my brain
Working on some OG images
May 21, 2025 at 2:00 PM
Working on some OG images