pocketwatchpocketwatchpocketwatch

I drew the mark as an eye peeking out of a pocket: a small, slightly odd character to go with the name. Its simple shape works as an app icon and beside the Satoshi wordmark.

The main palette is near-black and white with a citron-green accent. I kept the rest of the identity simple so the mark could carry the personality.

Inside the app, I kept the interface neutral so category colors, gains, losses, and warnings are easy to pick out. People choose an emoji and one of ten colors for each category. The citron green is mostly reserved for marketing.

Shared settings control type, color, spacing, and motion. Satoshi handles display type, Inter the interface, and JetBrains Mono the figures. Consistent number widths help balances line up in tables. The same motion rules apply throughout, including reduced motion.

The campaign uses saturated lime, violet, and pink backgrounds with large condensed type. Each ad focuses on one feature, such as budgeting or investments. The eye-in-a-pocket mark connects those brighter graphics to the app.

The product combines a zero-based budget, a transaction ledger for cash and credit accounts, investment tracking, manual assets, and a net-worth view. The design challenge was helping people move between those views without losing track of which accounts and figures they were looking at.

I designed and built the front end in SvelteKit 2 and Svelte 5, including mobile layouts and loading, empty, and error states. Chris built the backend with Express, Drizzle, and Postgres.

Pocketwatch launched as a subscription web app with a free trial and billing through Stripe.