User guide framework

A clean onboarding page for product setup, workflow, and support.

This page is structured so anh can drop in screenshots, short clips, and exact usage instructions without redesigning the whole information architecture.

Quick start

Guide new users from first access to first result.

01

Install and sign in

Explain TestFlight access, account creation, or any invite flow in one compact block.

02

Prepare your first project

List the minimum inputs: sketch, reference, prompt notes, or character profile.

03

Generate a first pass

Show which button to tap first and what users should expect on the initial output.

04

Refine and export

Close with how to improve results, save outputs, and move to the next scene.

Detailed workflow

Use modules so the guide can grow with the product.

Module A

Canvas and input tools

Reserve this block for screenshots of the main workspace, drawing tools, and import entry points.

Module B

Character and style controls

Explain continuity settings, saved styles, profile cards, or any reusable creative memory.

Module C

Generation review loop

Document preview states, regenerate actions, comparison views, and output selection rules.

Module D

Export formats and next steps

Capture resolution choices, file delivery, and how users carry assets into the next stage.

Best practices

A space for tips, do-this-first advice, and team conventions.

What to prepare

  • One clear goal for the scene or asset
  • References that match the intended visual taste
  • Short notes on pose, lighting, and mood

What to avoid

  • Adding every idea into the first generation pass
  • Changing character identity and scene direction at once
  • Skipping a saved reference set for recurring characters

Support notes

Keep answers close to where onboarding questions appear.

Where should tutorial videos live?

Use this page for feature-specific clips and keep the landing page video focused on product introduction.

How many screenshots should each section have?

Two or three strong images per module usually scan better than a long gallery.

Can this page handle updates as features change?

Yes. The sections are modular, so anh can expand or replace blocks without changing the overall layout.