Resources

Role: Design & front-end development

  • Design tools
  • Web apps

A launchpad for my design tools. One gallery to open Gradient Studio, Poster Lab and Brand Mockup, all running in the browser.

Gradient Studio open on a laptop: a gradient canvas with editable color points.

Role: Concept, Design & Prompting

  • Prompt Design
  • Generative UI
  • Motion
  • Claude
  • Figma

Gradient Studio started as an empty prompt and grew, with Claude, into a working gradient editor: canvas, color points, motion and export.

Make your own: the site shares the two prompts behind it. Run the first to generate the editor, then use the second to refine it. Everything in [brackets] is yours to decide.

Poster Lab open on a laptop: typographic poster composition with color strips.

Role: Concept, Design & Front-end

  • Creative Coding
  • Color Systems
  • Claude
  • Figma

Poster Lab is a tool for designing typographic posters. Type your words, pick one of five starting looks (Loud Blocks, Balloon Type, Flowers, Strip Classic, Another Way) and shape every detail with live controls.

Brand Mockup open on a laptop: a grid board of brand kit modules.

Role: Designer & Prompt Author

  • Brand Systems
  • Prompt Design
  • Claude
  • Figma

From an empty grid to a brand kit generator, in a few days. Empty tiles become brand modules, and the interface takes shape around them.

Desktop Portfolio on a laptop: a macOS-style desktop with project folders and a dock, shown in three visual styles.

Role: UX & Product Designer

  • Design Tokens
  • Interaction Design
  • Figma
  • Claude

An MVP for my Product Designer portfolio, built around a macOS-style desktop metaphor. I prioritized structure, states and interaction, keeping the styling neutral with all classes and tokens ready for the visual phase.

How to create components like a pro on a laptop: a dark page of design pills with anatomy diagrams and component previews.

Role: Designer & Content Creator

  • Components
  • Design Education
  • Best Practices
  • Figma

A growing collection of design pills packed with practical tips, tricks, and best practices, made to help the design community build better components (and layouts), faster.