Designing the Cozy Canvas

Whiteboards and storyboards are essential tools for mapping complex narratives. But when you move them to the digital screen, they often feel clinical—like database diagrams or flowcharts for enterprise planning.

When we set out to build the Zmonic Canvas Engine for Underleau, we wanted it to feel like an actual oak corkboard in your study.

The Search for Tactile Vector Graphics

A storyboard is a visual map. It needs connectors to show chapter flows, shape overlays to group characters, and text pins to jot down notes. But we refused to use heavy borders or default digital grid lines.

Instead, we designed the canvas to use paper-dots and paper-ruled textures that match our editor.

• Zmonic Canvas Engine: Runs a high-performance Rust vector layer under Tauri, rendering layout grids and connecting vectors off-thread.
• Cozy Clipboard widgets: Drag cards and documents directly from your workspace sidebar onto the corkboard grid.
• Warm styling: Connections use curved ink lines that look like they were sketched with a fountain pen, rather than stiff mathematical lines.

Constraints as a Feature

Many digital canvases offer infinite zoom and endless menus. We found that too much zoom causes writers to lose their sense of scale.

By locking the zoom increments to a comfortable range and capping card sizes, we keep the storyboard readable. The cozy canvas is not a generic drawing board; it is a dedicated workspace for authors to see their books take shape.