Navigate
HomeStart here
MusingsResearch & long-form
BuildingProjects & learnings
WorkProfessional practice
RunningTraining & races
AboutValues & identity
Notes & ArchiveJournals, essays, portfolio

Portfolio

Designing with
intention.

Building interfaces that feel considered. Every gradient, every interaction, every detail serves a purpose.


Featured Project

Jenn logo

Jenn's Site

A personal digital space built with editorial precision. Running dashboards, travel galleries, culture tracking, and more—all unified under a warm, Graza-inspired aesthetic.

Next.jsTypeScriptTailwind CSSVercel
jennumanzor.com

Key Features


Professional Work

LDR Training Portal

A comprehensive internal training platform I built for a consulting firm's Litigation & Dispute Resolution practice. 210+ training pages, 15 interactive tools, 12 training hubs, and a 14-chapter R programming manual.

210+

Pages

15

Tools

12

Hubs

14

R Chapters

View Case Study
FTI

FTI Consulting

Training Portal


Side Project

Doldol Tattoo
Studio

Fan site for Ten (@doldol_tattoo), a Tibetan-American fine-line tattoo artist in Brooklyn. "Tiny. Tender. Timeless."

Ten did my tattoo. I loved the work so much I offered to build her a site for $1. She agreed, then backed out, so I built it anyway as a fan site. I have no rights to her work, just appreciation for it. Full booking system, flash gallery, personality quiz, and admin dashboard all built on spec.

Next.js 15Square APITailwindSupabase
doldol.ink
D
Book Now

Inside the Site

Design Details

Warm, intimate aesthetic that reflects Ten's fine-line artistry.

Tattoo Personality Quiz

Question 3 of 8

Where do you want your tattoo?

Booking Confirmed

You're booked!

Confirmation sent to your email

DateJan 18, 2026
Time2:00 PM
DesignTiny Moon #12
Deposit$50 paid
Flash #27

Tiny Lotus

Fine Line · 1-2 inches

Available$150
Aftercare Guide

Day 1-3

Keep it covered

Day 4-7

Gentle washing

3

Week 2

Light moisturizing

4

Week 3-4

Fully healed


Blinded Sample

Client Work

Small-Batch
Food Brand

A farmers-market food brand that needed a real identity, fast: a cleaned-up wordmark, a warm palette pulled from the product itself, and a launch page that loads in a blink.

Client name withheld. Shown here as a blinded work sample — the capability, not the account.

Zero-dependencyStatic HTMLSVG WordmarkVercel
client withheld
WhereInsideFollow

What I Built

Identity Cleanup

Hand-traced a farmers-market jar mark into a crisp vector wordmark and logo — close enough to keep the soul, sharp enough for signage and labels.

Brand Palette

A warm, food-forward color system pulled straight from the product, with named roles so the look stays consistent across label, site, and line sheet.

Launch One-Pager

Story, what is inside, where to find it, and an email signup — a zero-dependency static page with no framework and no build step. It just loads.

Wholesale Line Sheet

The one-page sheet every buyer asks for — photo, story, price per unit, case size, contact — ready to hand to a café, bodega, or specialty grocer.

1

Page

0

Dependencies

2

Typefaces

<1s

Load


The Interactive Tool

A Brand Studio, in the Browser

A live playground for riffing on an identity together — switch fonts, recolor every element, reorder the layout, and share the exact result as a link. Built for one brand, designed to work for any.

Live Font Switching

Tap a typeface and the wordmark re-renders on the spot. No exported mockups, no waiting on a round-trip.

Color Theming

Recolor the mark, the type, and the background to test a palette in context instead of in the abstract.

Layout Reordering

Rearrange the identity&apos;s building blocks to feel out hierarchy and spacing before anything gets locked in.

Surprise Me

One tap shuffles a full combination — a fast way to break a rut and surface pairings you would not have reached for.

Shareable Links

The entire design encodes into the URL, so a collaborator opens the exact same state and keeps iterating — no files passed back and forth.

Reset to Baseline

Always one click back to the canonical identity, so experimenting never risks losing the approved look.

Brand Studio
Wordmark

Typeface

MarkerSerifGroteskScript

Palette

Shared State

Link copied

The whole design lives in the URL

studio/?s=2f9c-marker-clay-ochre

Opens to the exact same fonts, colors, and layout.



Capabilities

Skills & Tools

A focused toolkit for building thoughtful digital experiences.

Frontend

React
Next.js
TypeScript
Tailwind CSS
Framer Motion

Design

Figma
UI/UX
Editorial Style
Brand Systems
Typography

Data Viz

Charts
Dashboards
D3.js
Interactive Maps
Timelines

Backend

APIs
Data Integration
Node.js
Vercel
Supabase

Philosophy

Editorial
Aesthetic

Inspired by the warmth of Graza olive oil's branding—where playful meets refined. Every color choice, every gradient transition, every typographic decision serves the experience.

The palette moves from deep forest greens through sage accents to warm creams, creating spaces that feel both grounded and inviting.

Typography

Instrument Serif

DM Sans for body text

The Palette

Gradient Panels


Let's build something together.

I'm always interested in thoughtful projects that prioritize design and user experience.

Built with Next.js, TypeScript, and Tailwind CSS. Designed with intention.