Best practices

Dark Mode, Landscape, and Safe Areas — Best Practices

Quick reminders for color, orientation, and padding so sets stay consistent.

Raise contrast for dark mode, keep landscape stories natural, and avoid notch collisions.

Best practices

  • Dark mode: increase contrast; avoid near-black on pure black
  • Landscape: maintain left→right reading order
  • Safe areas: 24–40 px padding; avoid notch/home bar

Checklist

  • Text contrast ≥ 4.5:1
  • Phone text ≥ 18 px
  • Important UI not occluded

Popular resources

Free · No Login · No Watermark

Build polished screenshots in one place.

Free · No Login · No Watermark

Start for Free