Grid system

Layout specification

Keyline and margin

  • To avoid conflicts with screens that have curved edges or corners, display information and place interactive components with margins of at least 24 dp on both the left and right sides.

Reject zone & Grip zone

  • To avoid accidental input, One UI blocks touches in the margins. The Reject zone blocks touches in the interaction area. The Grip zone blocks palm touches and three-finger touches that may occur when the user is holding their phone.

Cutout area

  • Depending on the device, items displayed on the screen should be optimized to avoid the camera cutout.

90°

Do
Don't
Do
Don't

270°

Do
Don't
Do
Don't

Optimized for all devices and screens

  • One UI is designed to give the best experience for all display sizes, resolutions, and screen ratios. Multiple dimensions are provided for different displays including phones, tablets, foldable devices, external monitors using Samsung DeX, split-screen views on a single display, and more.
  • Basic layout
  • App bar