 <h1>Congratulations! 🎉 </h1>
    <p style="color:#637381;">All done! You’ve completed another milestone.</p>

To continue, enter your details to log in.

We’ve sent a 6‑digit code to #MAIL_ADDRESS#\nPlease check your inbox or spam folder and enter the code below to continue.

Verification code sent

Thank you for the payment. You can now access {collectionName} by simply clicking the button below.

Yes, you’ve successfully ordered! 🎉

Unlock This Exclusive Course

It seems that your email address is not currently on the authorized access list. Please ensure you are using the email address that was invited, or contact the content owner for assistance.

Verification Required for Access

Hierarchy and the reading path

Attention has an order

Decision check: hierarchy 1

Decision check: hierarchy 2

Decision check: hierarchy 3

Balance, tension, and negative space

Balance is distributed force

Decision check: balance 1

Decision check: balance 2

Decision check: balance 3

Scale, proportion, depth, and layering

Relative size constructs space and importance

Decision check: depth 1

Decision check: depth 2

Decision check: depth 3

Studio transfer

Lab: redirect the reading path

How hierarchy, visual weight, space, scale, and depth direct attention.

Learn how hierarchy, balance, negative space, scale, and depth direct attention and construct a reading path.

2 — Attention & Visual Weight

<div class="simple-box-wrapper"> <div class="simple-box"> <div class="column"> <h3>Description</h3> <div class="ck-horizontal-line"><hr></div> <p>I'm a paragraph. Click to start writing that will inform, inspire, or encourage your community. We know you have so many things to share with the world. Happy editing!</p> </div> </div> </div>