← Selected work

Creative practice system

Synchronic Studio

Synchronic began as a personal response to work and parenting crowding out painting; daily use has helped move my studio practice from rare sessions to a weekly rhythm.

Role
Product design · Creative direction · Engineering
When
August 2025—Now
Built with
SvelteKit · Tauri · Supabase · TypeScript
Product screenshot Static preview
Open live site
Synchronic Studio Overview showing quick actions, the Weekly Thread, and current creative-care tasks
01

The personal problem

Synchronic began with a practical problem in my own life: work and parenting had pushed painting to the edges of my schedule. I was painting rarely, even though maintaining a creative practice remained important to me.

I began building the app in August 2025 as a way to keep that practice present every day. Daily writing surfaces ideas and intentions I do not want to lose, while visible records of actual studio work make continuity easier to see. I now use Synchronic every day and paint weekly.

02

Five parts of one practice

The product is organized around five pillars, loosely influenced by the methods in _The Artist's Way_ and shaped around what I need to remain consistent:

Together they treat inspiration, making, maintenance, and reflection as connected parts of an artist's life rather than separate productivity categories.

  • Observe shows how consistently I have engaged with each part of the practice.
  • Practice records working sessions and photographs of the work produced.
  • Roam captures time spent out in the world looking for inspiration.
  • Tend manages tasks and offers AI-generated guidance and nudges.
  • Reflect supports daily journaling.
03

Guidance that leaves the artist in charge

Tend looks for recurring signals across reflections, practice sessions, and roaming entries, then proposes grounded, specific next steps. Suggestions are intentionally gentle and practical: no productivity-hustle voice, motivational filler, or automatic changes to the artist's plans.

Every generated card remains a proposal. The artist can edit, accept, dismiss, release, or complete it. AI helps surface a thread; it does not decide what the work should become.

04

The working product

The current SvelteKit application uses Supabase for accounts, structured practice data, images, reminders, and synchronization. Tauri packages the same product as a focused desktop application. Shared logic keeps daily records and cross-pillar summaries consistent between the web and desktop experiences.

The visual language reflects a long-standing personal interest in Platonic solids and sacred geometry. Warm editorial surfaces and precise controls keep the product reflective without making everyday use feel precious or slow.

05

What I owned

I created the product model, five-pillar workflow, visual and interaction system, frontend architecture, Supabase data layer, desktop packaging, AI-guidance flow, testing approach, and release process. I continue to design, build, and use the product as part of the same practice it supports.

Synchronic is designed for other artists, but I am currently its only user. Opening it more broadly depends on further testing and refinement. Its most meaningful result so far is personal and concrete: it has become part of my daily life and helped turn painting from a rare event into a weekly practice.

Design system Emerging · Contract 1.0.0

The system behind the work

Synchronic Studio

A calm studio system that combines warm editorial surfaces with precise, accessible interaction across five distinct creative practices.

Explore the system specimen ↗
  1. Warm, never washed out

    Paper-like quiet supports attention without weakening hierarchy.

  2. Color has a job

    Purple carries brand and interaction while pillar colors identify domains with non-color cues.

  3. Calm is functional

    Rhythm, restraint, and reduced motion help creative work remain the focus.

  4. Editorial voice, practical operation

    Serif type marks identity and reflection while sans serif supports controls, labels, and reading.

  5. One system, distinct practices

    Shared foundations keep Reflect, Practice, Roam, Tend, and Observe coherent without erasing their roles.

Visual fingerprint

Identity, components, and proof.

A curated view of the system’s real foundations and state coverage—not a second documentation site.

01

Foundation

Semantic color

  • Studio paper#f7f3ed

    Warm application background

  • Ink#211d1a

    Primary text and hierarchy

  • Interaction#6846c7

    Brand, focus, and general action

  • Observe#596675

    Observation and review

  • Roam#a52269

    Excursions and discovery

  • Tend#08796f

    Tasks and stewardship

  • Reflect#75652d

    Writing and reflection

  • Practice#2458c8

    Sessions and focused work

02

Foundation

Typography roles

  • Brand serif Behind the Nineties

    Carries identity, display hierarchy, and reflective moments.

  • Brand sans Flinders

    Supports controls, labels, navigation, and sustained interface reading.

03

Inventory

Representative components

Synchronic design-system specimens showing four button states, a focused editorial input, and status feedback in the viewer’s system theme
Current action states, visible keyboard focus, and status signals from the live Synchronic specimen.
  • Actions

    Primary, secondary, and quiet actions share one tactile hierarchy while preserving native semantics.

    • Primary
    • Secondary
    • Ghost
    • Disabled
  • Input

    Visible prompts and supporting guidance make open-ended reflection feel inviting and bounded.

    • Prompt
    • Guidance
    • Focus-visible
  • Status & signal

    Color and explicit text communicate saved, active, and attention states without ambiguity.

    • Synced
    • In practice
    • Needs attention
04

In the product

System at work

Synchronic Practice view showing its session-first action panel and visual session archive

Decision propagation

Five practices, one interaction grammar

Each practice rebinds the semantic accent to its domain color while shared navigation, controls, forms, and state behavior remain consistent.

Accessibility and resilience Contrast-safe semantics and visible focus

Light and dark roles, three-pixel focus treatment, text-backed status, reduced motion, and 44px minimum targets are encoded as system foundations.

Next project Driftline

More selected work

Elsewhere in the portfolio