Gold Glove Infielders
A black-and-gold training platform for infielders, designed and built end to end, from the design system to the code that shipped it.
Gold Glove Infielders needed a real digital home, not a landing page, but a full platform that could sell a training course, run waiver registration, and hold up to search traffic, without an off-the-shelf builder getting in the way of a distinct, sport-specific brand.
End to end, one person
Design system
A black-and-gold visual identity built for a sports training brand: bold, high-contrast, built to read clearly on mobile where most traffic actually happens.
Front-end build
Used my knowledge of HTML, CSS, and JavaScript to build the site, and brought AI into the process to edit and iterate faster.
Course integration
Connected a Thinkific-hosted digital training course into the site so the platform could actually sell and deliver the product, not just describe it.
Event calendar
A custom event calendar feature for training sessions and camps, including the sorting logic that keeps upcoming events in the right order.
Waiver form
A digital liability waiver form styled to match the site's design system, so registration doesn't feel like it drops off onto a generic form tool.
SEO & ongoing marketing
Ran a full SEO audit and handled ongoing marketing for the site post-launch, not just the build.
The parts that weren't design
Event sorting logic
Debugged the JavaScript powering the event calendar's sort order, so upcoming training events display correctly instead of out of sequence.
Netlify form limits
Diagnosed and resolved a Netlify form-submission cap that was capping how many waiver and contact submissions the site could accept.
Full site audit
Ran a complete SEO audit across the site to find and fix what was holding back search visibility, from metadata to page structure.
Waiver form styling
Rebuilt the waiver form's styling from scratch so a third-party form didn't visually break the site's black-and-gold system.
Shipped, not just designed
A look at the platform running in production: the mobile homepage, and the full site scrolling inside the frame like a real browser tab.
Gold, not white
Together, the system reads as intentionally minimal: one accent color, two typefaces, and a single button pattern, reused consistently across every CTA on the site.
Move Your Feet!
Ramaraja, weight 400, gold only
Iron Sharpens Iron.
Inter, weight 300, 1px tracking
Fluid scale: h1 50–76px · h2 45–63px · body 18–22px
- Three button styles, all outline-to-fill on hover. No solid button exists anywhere in the system.
- True white is never used. Text runs in an off-white, #DEDEDE, a small but deliberate choice.
- Two color tokens are defined in the CSS but never used in this file, likely legacy.
- Mobile and desktop nav breakpoints sit 4px apart for no clear reason.
- A second display font, Rubik Dirt, is imported but never used on this page.
Looking back
- Owning design and code together meant no handoff gap between what was designed and what shipped
- A static architecture kept the site fast and cheap to run with no CMS overhead
- Building the waiver and event features custom, instead of bolting on third-party widgets, kept the brand consistent end to end
- Build the event sorting logic with test cases from day one, instead of debugging it after the fact
- Set up form-submission monitoring earlier, so the Netlify cap was caught before it became a live issue
- Bake SEO structure in at build time rather than auditing after launch
Gold Glove Infielders went from concept to a fully live platform: course sales, waiver registration, and search visibility all running on a site built and maintained by one person, start to finish. It's the clearest proof point that I don't just design interfaces, I ship them.