// Project Log

Daily Builds
& Case Studies

Explore a sharper archive of interface systems, code experiments, edits, photo stories, and brand moments. Filter by discipline or scan the full build log.

16Projects
5Categories
40+Daily Builds
2026Current Season

// Archive View

Built for polish, speed, and experimentation.

This page now works like a mini case-study archive: each card gives you the discipline, time period, project intent, and production tags so the work feels easier to browse and more complete.

// Toolkit

Figma HTML/CSS/JS Node.js DaVinci Resolve Canvas Lightroom
Obsidian Design System
Design Apr 2026

Obsidian Design System

A full design system built in Figma — components, tokens, and dark-mode guidelines for scalable product teams.
Dashboard UI
Design Jan 2026

SaaS Dashboard UI

High-fidelity dashboard design for a SaaS analytics product. Tables, cards, and data visualisations.
Terminal Dashboard
Code Mar 2026

Terminal Dashboard CLI

A Node.js terminal dashboard for monitoring system metrics and project statuses in real time.
Auto Deploy
Code Dec 2025

Auto-Deploy Script

A bash + Node.js pipeline for zero-downtime deployments. Git-push triggers automatic build and server swap.
Neon City
Photo Feb 2026

Neon City — Photo Series

A 20-shot urban night photography series exploring light, shadow, and city geometry after midnight.
Street Shadows
Photo Nov 2025

Street Shadows

Street photography at golden hour — human silhouettes, texture, and stillness in motion.
Cinematic Reel
Video Mar 2026

Cinematic Reel 2026

A personal showreel edited in DaVinci Resolve — colour-graded, scored, and paced for emotional impact.
Brand Film
Video Oct 2025

Brand Intro Film

A 30-second brand identity film — motion graphics, sound design, and cinematic editing for a startup launch.
Generative Grid
Experimental Apr 2026

Generative Grid Art

A canvas-based generative art system — algorithms that produce endless unique grid compositions.
Noise Canvas
Experimental Feb 2026

Noise Canvas

Perlin noise fields rendered in real-time on HTML canvas — interactive, beautiful, and purposeless in the best way.
Brand Identity
Design Sep 2025

Brand Identity Kit

Logo, color palette, typography scale, and brand voice guide for a DTC skincare startup.
Link in Bio
Code Aug 2025

Link-in-Bio Builder

A customizable link-in-bio SaaS tool built with vanilla JS. No backend, no bloat, 100% local storage.
Mobile app concept
Design May 2026

Creator Finance App

A mobile dashboard concept for creators tracking income, sponsors, expenses, and monthly runway.

Mobile UI Fintech UX Flow
AI writing workspace
Code May 2026

AI Prompt Workspace

A browser-based prompt board with reusable snippets, response notes, and local-first project organization.

Vanilla JS Local Storage Productivity
Launch trailer
Video Apr 2026

Product Launch Trailer

A punchy launch edit built from UI captures, kinetic type, bass-heavy pacing, and quick product storytelling.

Motion Type Sound Design Launch
WebGL visualizer
Experimental May 2026

WebGL Signal Field

A reactive field of particles and glassy geometry exploring depth, glow, and pointer-driven motion.

Three.js Shaders Interaction
01

Frame

Define the goal, audience, mood, and constraints before opening the canvas or editor.

02

Prototype

Move quickly from idea to visual or interactive proof so the direction becomes tangible.

03

Polish

Refine layout, motion, contrast, pacing, and micro-details until the work feels intentional.

04

Ship

Package the final output for real use: responsive screens, clean files, or publish-ready media.