Skip to content

First Slice Dialogue UX

Large, calm, mobile-friendly dialogue for ages 6–9

Camera zoom tiers

Situation Zoom factor (× base 0.85)
Normal NPC chat 0.82 (~18% in)
Story / bottle / emotional beat 0.70 (~30% in)

Smooth tween ~0.45s; restore on dialogue end.

Dialogue box

Element Target
Height ~28–35% of 720p viewport
Body font 26px+
Speaker Top-left, 22px+
Lines Max 2–3 short lines per beat
Continue Tap/click anywhere on panel or Continue button

Interaction flow

  1. Player movement pauses; velocity zeroed
  2. NPC faces player; player faces NPC
  3. Camera zooms in (tier by beat)
  4. Dialogue panel opens; parchment SFX
  5. On finish: camera restores, movement resumes
  • docs/GAME_SCREEN_AND_RESPONSIVE_GUIDELINES.md
  • docs/VISUAL_IDENTITY.md