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

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.
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.
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.
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.
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.
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 ↗-
Warm, never washed out
Paper-like quiet supports attention without weakening hierarchy.
-
Color has a job
Purple carries brand and interaction while pillar colors identify domains with non-color cues.
-
Calm is functional
Rhythm, restraint, and reduced motion help creative work remain the focus.
-
Editorial voice, practical operation
Serif type marks identity and reflection while sans serif supports controls, labels, and reading.
-
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.
Foundation
Semantic color
- Studio paper
#f7f3edWarm application background
- Ink
#211d1aPrimary text and hierarchy
- Interaction
#6846c7Brand, focus, and general action
- Observe
#596675Observation and review
- Roam
#a52269Excursions and discovery
- Tend
#08796fTasks and stewardship
- Reflect
#75652dWriting and reflection
- Practice
#2458c8Sessions and focused work
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.
Inventory
Representative components

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
In the product
System at work

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.
Light and dark roles, three-pixel focus treatment, text-backed status, reduced motion, and 44px minimum targets are encoded as system foundations.
More selected work
Elsewhere in the portfolio