Built an Applicaition name as Drift - Let's you draw your mood, and it translates that visually texture in curated sonic environment + ambient sounds + captures whatever you write in that headspace as a "memory fragment" - 27 Main Screens + 7 Extra Screens.

Connected @Flowstep MCP with Claude Desktop generated every screens with prompts directly on Canvas. Not any Figma addition.

Here's the Design Claude used using MCP -

Color: Background #0A0A0F (near-black with a blue undertone). Accent: a single shifting color per session — start with #C8A97E (warm amber-gold) for calm moods, #7B68EE (electric violet) for restless states. Muted tone: #2A2A35. Text: #F0EDE6 (warm off-white, never pure white). The accent color is the only thing that changes across screens — it carries the emotional state through the entire flow.

Typography: Display headers in a humanist serif (Cormorant Garamond or similar) at 48-72px — these are emotional, poetic labels. UI elements and labels in Inter or DM Sans, ultra-light weight, all-caps, tracked out at 0.15em. Monospace (JetBrains Mono) only for timestamps and technical metadata.

What NOT to do: No glassmorphism. No gradient orbs. No floating cards with drop shadows. No rounded pill buttons. Hard-edged UI components only. The "softness" comes from the mood drawings themselves, not the chrome.

Interaction to wire: Drawing on canvas → emotion label updates in real time. Tapping a soundscape card → waveform animates. Scrolling the weekly map → nodes pulse gently. Each screen transition is a slow dissolve, never a slide.