Return to English Documentation Index · Choose Language · Browse Files

UI Behavior

The interface should feel calm, orderly, visually clear, and predictable. Established behavior should not shift casually between builds.

Behavior parity rule: UI state that changes composition must map predictably to export state. If a user sees QR, header text, URL art sizing, or thumbnail fit a certain way live, export should honor that same decision unless the user explicitly changes export settings.

1. Predictability rules

Startup positioning should not flash incorrect QR placement and then self-correct later.
Header text toggles should restore standardized header text rather than leaving empty regions.
Fit Width, Fit Height, and Fit Everything must remain stable and understandable.
Digital safe-area profiles should feel nearly full-width; more conservative profiles may reserve larger margins intentionally.

2. Live/export parity

Visible QR live means QR in export.
Visible text art hierarchy live means the same hierarchy in export.
Logical image contain/crop behavior live must match export behavior.

Updated: 2026-03-17 v17