Define the idea
Write down the conditions you want to inspect before looking at another session.
Sample copy · not for publication
A clearer view of every decision.
Start with a single idea, then compare the evidence across each review. This is placeholder content for judging the visual treatments only.
Display-xl · gradient fill · 400 · -0.01em
Heading cutoff
Read the pattern, then refine the plan.
Display-lg · gradient fill · 400 · -0.05em
Heading-xl · flat fill begins
Work through one idea at a time
Heading-lg · flat
Keep the review in context
Heading-md · flat
Use the same criteria again
Heading-sm · flat
Keep your notes together
Heading-xs · flat
Next review
The HTML heading levels keep their document meaning. Only display-xl and display-lg receive the fill; all smaller steps stay solid.
Card treatment
Bring the full review into focus.
These example cards use the existing secondary card surface without borders. Their icons, titles and body copy remain solid.
Review the evidence
Compare each example with the same criteria so the pattern stays easy to follow.
Keep the context
Set the decision beside the notes that explain what changed along the way.
Ploy's hover suggestion, not part of your brief. On hover, the card surface changes from Card secondary to Card primary. The borderless, shadow-free geometry stays the same. This is a visual state only, not a clickable-card pattern.
Section edge study
Let one section settle into the next.
Turn either effect off to review the section fade and the optional top glow independently.
Example section
Make room for the next thought.
Give the heading, explanation and follow-up space to sit together. This copy is only here to reveal the background as it disappears into the canvas.