AuraMixer
From a mood to a working palette.
AuraMixer takes a color direction and turns it into something a designer can use: palette roles, related colors, and readable foreground/background combinations.
Behind the experience
The Next.js and TypeScript implementation combines AI palette generation with deterministic color utilities. HEX, RGB, HSL, and OKLCH conversions, luminance calculations, contrast ratios, and harmony generation give the interface useful checks beyond a set of attractive swatches. Firebase supports accounts and saved data; Stripe handles the commercial layer.
Engineering focus: translating generative output into structured, inspectable design choices.
Visit AuraMixer ↗Aa &
TypeSway
Typography with room to experiment.
TypeSway helps people describe the character they want, explore font combinations, and see how those choices change the same words.
Behind the experience
A React and TypeScript interface built with Vite talks to a server function for font analysis. The font service turns responses into a consistent result format, with Google Fonts URLs and CSS imports that connect discovery to implementation. Firebase supports the account layer.
Engineering focus: service-backed discovery, a responsive preview experience, and a practical handoff into a website.
Visit TypeSway ↗SnuggleScreen
A small delight needs a complete pipeline.
SnuggleScreen is a home for animal wallpapers and live backgrounds. Behind the visual browsing experience is a catalog and media pipeline serving an iOS product and a public website.
Behind the experience
The web work uses React and TypeScript. The catalog API uses Cloudflare Workers with D1 for catalog records and R2 for media objects. Stable object keys and paginated responses connect the data layer to the client. Media validation checks file types, dimensions, and video formats before content enters the delivery workflow.
Engineering focus: content APIs, media storage, migration tooling, and the boundary between source video and an iOS Live Photo.
Visit SnuggleScreen ↗two.
DateKnot
Shared memories, carefully connected.
DateKnot brings anniversaries, milestones, journals, and relationship memories into a personal space. Its in-development app includes a native experience and the service layer needed to connect two people.
Behind the experience
SwiftUI sits alongside Firebase authentication, data synchronization, and Cloud Functions. Dedicated invite routing and couple repository code separate joining a shared space from the rest of the interface. Widget publishing and notification services make selected moments available beyond the main app.
Engineering focus: invitation contracts, shared account state, synchronization, and personal-data boundaries.
Visit DateKnot ↗hello / hola
LingoRing
A conversation starts before the first lesson.
LingoRing is an in-development language-learning product built around conversation. Its website introduces the product direction and gives the experience a clear public identity.
Behind the experience
The website uses Next.js, React, and TypeScript, with Framer Motion for interface animation. This portfolio entry covers the web experience and product presentation; the language-learning application is still in development.
Engineering focus: a responsive product website and an interface foundation for a developing idea.
Visit LingoRing ↗a moment.
PhotoReclaim
Make a personal service easy to understand.
PhotoReclaim presents a photo-restoration service through a considered website. The experience explains restoration, colorization, and home-video work with an emphasis on the photographs themselves.
Behind the experience
The Next.js and React implementation brings service information, visual comparisons, and inquiry paths into one responsive experience. The engineering scope here is the website and its interaction design, rather than an automated photo-restoration engine.
Engineering focus: visual storytelling, reusable interface components, and a clear service journey.
Visit PhotoReclaim ↗a little simpler.
KetoRecipe
An everyday idea, taking shape.
KetoRecipe is an in-development project for simple keto recipes and meal inspiration. The product direction centers on making recipe discovery approachable and keeping the path from browsing to cooking straightforward.
Development note
This project is part of the studio’s development portfolio. A technical case study will follow as its implementation takes shape.
Product focus: recipe discovery and a useful everyday cooking experience.
In development<article>
LearnHTML
Teach the decisions behind the markup.
LearnHTML combines practical HTML learning, reference material, and tools for more deliberate AI-assisted website building. Content and software work together to help people understand what they publish.
Behind the experience
Next.js, React, and TypeScript serve a repository-managed MDX content system. Content validation and generated search indexing connect editorial structure to navigation. A prompt-builder compiler produces structured instructions, while hosted Stripe Checkout and verified download handling support digital resource packs. Playwright and accessibility tooling support browser-level checks.
Engineering focus: content architecture, search, validation pipelines, and controlled commerce flows.
Visit LearnHTML ↗