Daily Posts
-
Home Plate Deals Card Hover States Work-in-Progress
March 26, 2025
·3:40pm PT
Here's how the cards are coming along for this year's UI refresh.
On hover, lots of little changes occur: pseudo-elements, scaling logos, changing saturation level, shifting opacity, rotating background gradient angles, and more.
Deals shown are from 2024. Not all 2025 deals have been publicized. -
Preview SMS Upgrade Modal - Desktop
March 25, 2025
·9:52am PT
Upgrade modals don't have to be boring. In fact, they should be visually enticing.
If you're asking users for money, at least give them a nice experience while doing so.
I'm biased, but I believe the Preview SMS upgrade modal does just that.
Several instances of subtle depth + warm gradients = happy eyeballs. -
GitHub Year vs Year Contributions Concept
March 24, 2025
·7:06am PT
For the final installment in my GitHub contributions concept series, I designed a year vs year view.
Maybe I’m just slinging more code these days, but I’d really like to easily visualize how my years stack up.
P.S. Figma outline view has me feeling like I’m designing Scantron sheets. -
Custom, Embedded X Post
March 23, 2025
·1:10pm PT
Goal: I'd like to embed content from X within posts on my personal site.
Problem: If I use X's embed code, it'll track users on my site, force its formatting, and can be changed/deleted anytime without my knowledge or permission.
Solution: I'll just code my own post container.
See the Live Version -
UserEvidence Survey Results Table
March 22, 2025
·10:42am PT
Sometimes, you just need a nice table. From the archives, here's one of the many tables I designed for UserEvidence a few years back.
Data-heavy experiences don't have to feel like a slog.
Mitigate text volume by decreasing visual weight, only emphasizing the absolutely most important items. -
iOS Example for Stacky Figma Community File
March 21, 2025
·10:12am PT
Happy Friday!
I added an iOS example to Stacky - a free Figma Community file that demonstrates how you can create stacked, sticky headers in Figma.
Get the Figma File -
copy.ai Navigation Bar Grid Spacing
March 20, 2025
·11:09am PT
Here's the grid spacing I used to create copy.ai's updated navigation bar component a few years back.
The collapsed state (shown on the left side of the image) keeps icon labels persistent to improve UX.
The expanded state (right side) has a popover menu, activated by clicking on the user's current Workspace, to quickly switch between Workspaces, create a new Workspace, access User Profile, access Experiments, or log out.
All icons were drawn on a 16px grid, custom made by yours truly. -
Own Your Work: Climbing out of the Walled Garden
March 19, 2025
·9:20am PT
I wrote about how the pink basketball site has become yet another walled garden.
2,000+ words. Many of them spelled correctly.
Read the Blog Post -
MLB Tokyo Series 2025 Season Opener: Dodgers vs Cubs
March 18, 2025
·4:43am PT
Woke up at 3am PT today to watch the Dodgers vs Cubs MLB 2025 season opening day game, which took place at the Tokyo Dome in Japan. The Dodgers went on to win 4-1 over the Cubs.
While watching, I drew this illustration, using Home Plate Deals diamond grid.
Happy Opening Day to those who celebrate 🎊. -
-
Maintaining Screenshot Quality and Color Profile in Figma
March 16, 2025
·3:25pm PT
If you take screenshots on an iOS device and work with those screenshots in Figma, you're likely losing the Display P3 color profile and original screenshot image quality along the way.
Here are the steps I take to ensure that the final exported image retains all of the high quality aspects of the screenshot(s) used.
Read the Blog Post -
Home Plate Deals Web App Header
March 15, 2025
·9:12am PT
Adding a subtle background pattern to the header and shadows to the wordmark for the 2025 MLB season refresh of Home Plate Deals.
Live in less than 2 weeks 🚀
In the meantime, see the countdown. -
-
Home Plate Deals iOS App WIP
March 13, 2025
·6:47am PT
Dialing in the details for the upcoming launch of the Home Plate Deals iOS app.
Having fun with scaleEffect and horizontal offsets on scroll in SwiftUI.
P.S. The deals shown here are from the 2024 season. Still compiling the 2025 MLB season deals. -
-
Stacky App Icon
March 11, 2025
·10:11am PT
I recently created a free Figma Community file to help you add offset sticky headers your UI work. The project deserved a better name, so I gave it one: Stacky.
And, then, I created an app icon cover for the project.
Check out the file and let me know any feedback you have! -
Internet Archive Logo Redesign Concept
March 10, 2025
·7:25am PT
I absolutely love Internet Archive. It's one of the most important online resources and keeps the timeline of the web intact.
I redesigned its logo and wordmark with a refined grid and better overall balance, especially when viewed at smaller sizes.
For this redesign, it was important to keep the spirit of the original logo but update the depiction.
I redrew the logo with more consistency and weight. Subtle negative space creates the shadow from the building cast down on the columns.
For the wordmark, I used the typeface "Young Serif" by Bastien Sozeau. -
-
Blog Post Illustration Drafts
March 8, 2025
·10:15am PT
Here are a few blog post illustration drafts that didn't make the final cut.
Love stacking blend modes and blurs in Figma 💚.
Read the Blog Post -
Claude Logo and iOS App Icon Redesign
March 7, 2025
·11:45am PT
Claude is really good - by far the AI tool I use most frequently. Anthropic has been crushing it.
The Claude logo, however, leaves a bit to be desired. I decided to make a quick redesign.
Here's my thought process behind this exercise.
I appreciate the hand-drawn aesthetic of the Claude brand within Anthropic's ecosystem, but the Claude logo just seems sloppy. I understand the "no rounded corners" design, and it seems like it is trying to represent neural pathways. -
GitHub Contributions Comparison Concept
March 6, 2025
·10:56am PT
In GitHub, I'd love to be able to compare contributions between years based on the current day.
Also, it'd be cool to see how many days I've consistently contributed code, similar to how Duolingo, Reddit, Apple Fitness, and others surface these streaks.
Stats in concept are real (contributions might be higher by the time you see this) 😃 -
-
-
Defining "Quality" - Blog Post Illustration
March 3, 2025
·10:38am PT
Wrote a few words on what "quality" means to me.
The topic for this post is inspired by a question that Karri Saarinen posed on X a few days ago. Karri's CEO of Linear - an app that demonstrates "quality" as I define it.
Read the Blog Post -
-
