Skip to content

App Conventions: Buttons, the Grid, and Runs

Every stage of Coloring Book Engine follows the same three conventions. Learn them once and every screen in the app reads instantly.

1. Button Color Tells You What Costs Credits

Section titled “1. Button Color Tells You What Costs Credits”
  • Orange buttons spend AI credits — image generation, AI edits, matter and cover generation. If a button is orange, pressing it calls your AI provider.
  • Blue buttons are free — they run locally on your machine (processing, vectorizing, exporting, rendering).

You never have to wonder whether an action will bill you: the color answers before you click.

🟠 Spends AI credits

Run Rest Run All
Generate Background

🔵 Free — runs on your PC

Run Rest Run All
Export Cover Export Book

Every stage is built around the same grid, where each grid item is one coloring page of your book — page 001 is the same page in Sketch, Coloring, Assets, and Videos. Clicking an item opens whatever that stage needs for that page: an editor (masking touch-up, segment coloring) or a viewer (paths, compiled previews, videos).

The page grid — every numbered card is one coloring page of the book

The grid is also your progress display — each card shows its state (empty, queued, generating, done, error) so a glance tells you where the stage stands.

Every generation stage offers the same three actions — pick whichever the situation calls for:

  • Single item — click one empty card to produce just that page.
  • Retry — regenerate or reprocess one card that failed or came out wrong.
  • BatchRun Rest fills only the empty slots (your default; it never re-bills finished pages), while Run All redoes everything (it warns first, and backs up existing work).
01 10
001
Single item — click an empty card
A finished page card 002
Retry — redo just this card
Run Rest Run All
Batch — the whole grid at once

Progressing through a stage is just combining these: batch to fill, single/retry to fix, and move on.

Next: Plan — where your book takes shape.