madebygriffin
CurrentCreative developer
Available for select projects

Product thinking / Interface craft / Production code

I make complex
products feel clear.

I bring product thinking, interface craft, and production code into one continuous process.

Selected work
Selected work / 2024—Present

Proof, not promises.

Full work index
01Frontend02Product design03Full-stack
Working range / 01—03

Across the product.
Deep at the interface.

01 / Frontend engineering

Interface

Fast, responsive, accessible—and considered down to the last state.

  • React
  • TypeScript
  • Motion
  • Design systems
02 / UX + product design

Product

Structure for the messy middle between a requirement and a useful product.

  • Flows
  • Prototypes
  • UI
  • Product thinking
03 / Full-stack delivery

System

Enough depth underneath the interface to carry the idea all the way through.

  • Architecture
  • APIs
  • Data
  • Delivery
How I work

One continuous process.

Frame the problemShape the behaviorBuild the systemRefine the details

Fewer handoffs. Fewer compromises.

About Griffin

Developer.
Designer.
Teammate.

I’m a creative developer who stays close to the problem—and to the people solving it. Alongside product work, I work with a professional tennis player across management, coaching, and practice. That proximity to elite sport shapes how I think about preparation, communication, and work that has to hold up under pressure.

Built across disciplines
01ThinkProduct structure
02ShapeExperience + interface
03ShipProduction code

The useful part is the overlap.

Brand process / 01—04

The choice came
after the questions.

The goal wasn’t to find a favorite color. It was to build a system that could feel human beside technical work, hold up across light and dark surfaces, and remain recognizable without becoming loud.

See the complete study
01 / Frame
Define the tension.

Natural and human. Precise and technical. Expressive, never loud.

Brief
02 / Explore
Build full territories.

Four tonal families developed as systems—not isolated accent colors.

03 / Test
Put color under pressure.

Contrast, hierarchy, dark mode, and real interface roles narrowed the field.

WCAG + context
04 / Select
Choose for character and utility.

Burnished Oxide held the balance: warm, grounded, and controlled.

Selected / #804333