Album Overview

See the whole album before diving into a specific step.

The album overview is the page you open when you want the whole story before diving into one step. If the dashboard is home base, this page is the album's front desk.

What This Page Does

The overview page helps you answer the important questions quickly.

  • Which album am I in?
  • How far along is it?
  • What should I do next?
  • Are there any print rules I should keep in mind before I continue?

Hero and Primary Actions

The top section gives you the album at a glance.

  • The featured image becomes the quick visual identifier for the project.
  • If no featured image is set yet, the page points you back to the photos stage to choose one.
  • The status chip reflects the current album status such as Draft, Uploading, Designing, Proofing, Approved, or Exported.
  • The summary line combines photo count, spread count, storage footprint, spec name, and lab name when available.
  • The progress bar shows how many photos are already placed on spreads.

The primary button is not fixed. It changes with the album.

  • If the album has no photos yet, the CTA becomes Upload Photos.
  • If photos exist but no spreads exist yet, it becomes Design First Spread.
  • If work is in progress, it can become Continue Designing.
  • Later in the workflow it can switch toward preview, proofing, comments, or exports.

Album Overview Command Center

Switch between a few album moments and watch the main call to action change with the workflow.

Featured image

Featured image set. The overview now feels like the front cover of the project.

Johnson Wedding Album

Designing

186 photos · 24 spreads · 12.4 GB · 30x30 cm layflat · QT Albums

142 of 186 photos placed

Once the album has momentum, the hero keeps the editor one click away.

Photos

44 photos still unused

Editor

24 spreads in progress

Preview

Ready when you want a clean pass

Proofing

Hold until the story feels right

Exports

Final files come later

The real overview page uses the album's actual state. This demo shows why the page feels different as the project moves forward.

Workflow List

The workflow list is where the album tells you what is happening next.

  • Photos shows the state of the album library and how many photos are still unused.
  • Editor shows whether spread work has started and how many spreads currently exist.
  • Preview becomes meaningful once spread design exists.
  • Proofing reflects whether a share link exists and whether open comments still remain.
  • Exports tells you whether final output has already been generated.

These rows are useful because they do more than link out. They also tell you what already happened and what still needs attention.

Specifications

The Specifications section is the technical block, on purpose.

  • It shows the product source when the album is based on a lab product.
  • It exposes page size, user-facing dimensions, bleed-related values, and safe production details.
  • It can also show orientation, binding, cover geometry, color space, export format, export mode, cross-spine support, and single first/last behavior.

Open it when you want the print truth before making design or export decisions.

Album Specifications Demo

Open the panel and switch between a lab-backed product and a custom specification.

Use this when the album is tied to a real lab product and you need the print truth, not a guess.

Source

QT Albums / Fine Art Book / 30x30 Layflat

Inner Page

3543x3543 px @ 300 DPI

Dimensions

30 x 30 cm

Bleed Zones

Inner: 118 px, Outer: 118 px, Safe: 94 px

Orientation

Square

Binding

Layflat

Color Space

sRGB IEC61966-2.1

Export Format

JPG

Cross-spine

Yes

Treat this panel like the print contract for the album. If you are unsure about a bleed, gutter, or export rule, this is where the truth should live.

When to Use This Page

Stay on the overview page when you want to:

  • understand the current state of the project quickly
  • choose the next stage intentionally
  • confirm the print spec before making design decisions

Move into a specific stage when you are ready to upload, design, preview, proof, or export.

On this page