Priority Stack

Learners rank competing statements, then see what their order says about what they protect and what they trade away.

Restore your previous work?

Quick build (with AI)

1. Click Copy AI prompt. 2. Paste it into ChatGPT or Claude and replace the topic. 3. Paste what it gives you into the box below and click Load.

Paste the AI output here

Header

Title Subtitle

Instruction above the stack

Statements

Write statements that genuinely compete. If a learner can rank them without giving anything up, there is no tradeoff to reflect on. Six to nine works best.

Theme notes

Themes are pulled from the statements above. Write what it means when a learner's top choices cluster in that theme.

Reveal text

Reveal heading Heading over the top choices Heading over the bottom choices Closing paragraph

Ranking

Shuffle the starting order

Leave this on. A fixed starting order nudges the learner toward the order you wrote.

How many top statements to unpack How many bottom statements to unpack Lock-in button text

Show the full ranked list on the reveal

Allow rank again

Theme profile

Show a theme profile on the reveal

Weights each statement by where it landed and shows which themes rose to the top.

Profile heading

Reference order

Compare against a reference order

For showing a team charter, a policy, or an expert order beside the learner's. It is a comparison, not a score. Set each statement's reference position on the Statements card.

Reference order label

Experience extras

Enable sound

Move sound URL Reveal sound URL

Style

Each style sets the surfaces, depth, and signature motion. Your primary and accent colors carry across.

Motion

Animations and transitions

Off shows every screen with no motion. Learners who set reduced motion always get the still version.

Entrance Speed

Background motion

Slow drift behind the stack. Learners get a Pause button. It stops when they lock in their order.

Background motion is available in Glass, Neon, Aurora, and 3D.

Colors

Quick palettes set primary and accent. Picking a style resets surface and text colors to match it.

Title color

Subtitle color

Primary

Accent

Page background

Card background

Body text

Text on color fills

Type

Font family Headline font Title size Subtitle size Content size Header alignment

Shape

Corner radius

0 gives square corners everywhere, including the rank numbers.

This is a Pro Generator

You can build and preview your interaction, but exporting requires a Pro subscription.

Upgrade to Pro

♿ WCAG AA Included: Keyboard navigation, screen reader support, visible focus indicators, and reduced motion support are built into every export automatically.

Live Preview: dimensions in the live preview are not always to scale.