Skip to content
Cognitive Engine

Template 03 / Choice and control

Give people a clear way forward and back.

Try interface patterns that make consent, undo, and leaving visible choices. Each example includes a live event log.

A path divides into two choices with an open route back
Choice remains reversible

01 / Regret button

Implements "Repair is always possible" - users have a window to undo actions, reducing shame and anxiety around mistakes.

[Ready] Button events will appear here...

02 / Content warning

Implements "Progressive disclosure" - warns users before potentially difficult content and gives them control over exposure.

Medical Procedure Information

This content contains detailed information about medical procedures that may be sensitive for some readers. The information includes clinical descriptions and potential outcomes.

Please take care of yourself while reading. You can always return to this later if you need a break.
[Ready] Warning events will appear here...

03 / Consent stepper

Implements "Granular consent" - one decision per moment with genuine opt-out options, respecting user autonomy.

[Ready] Consent events will appear here...

04 / Design principles

These components implement SAMHSA's six principles of trauma-informed care:

1. Pacing over efficiency - Users move at their own speed through consent steppers and warnings
2. Repair is always possible - Regret buttons provide undo windows to reduce shame
3. Granular consent - Each decision is separate with genuine opt-out options
4. Progressive disclosure - Warnings prepare users before difficult content
5. Exit is always visible - Safe exit button prevents trapped feelings
6. Predictable calm - Consistent design tokens and gentle animations create safety