Mobile text and font settings screen examples

Text and font settings screen examples

• See the flow
  AI Summary - Meeting Notes↗

  The bottom sheet, titled 'Customize', allows users to adjust font size via a slider and select from various font styles including SF Pro, New York, Bold, Dyslexic, Inter, and Noto Serif.

• See the flow
  Bible Chat: Daily Devotional↗

  A modal overlay at the bottom of the screen provides a font size adjustment slider, represented by a small 'A' on the left and a large 'A' on the right, with a circular thumb control.

• See the flow
  Good Food: Recipe Finder↗

  Below this, a horizontal slider control allows users to adjust the text size, with 'A-' on the left, 'Default' in the center, and 'A+' on the right.

• See the flow
  Scroll The Bible↗

  A header with title and Done button, followed by three distinct card-based sections: Subscription management, Appearance toggle, and Font size selection list.

• See the flow
  Good Food: Recipe Finder↗

  Below this, a horizontal slider control allows the user to adjust text size, with 'A-' on the left, 'Default' in the center, and 'A+' on the right.

• See the flow
  Scroll The Bible↗

  At the bottom, a 'Font Size' section offers selectable options for text scaling, with 'Default (recommended)' currently selected.

• See the flow
  bergfex: Hiking & Tracking↗

  This screen displays a settings menu for map customization in the bergfex app, overlaid with a modal selection menu for 'Text Size'.

• See the flow
  Bible Chat: Daily Devotional↗

  A modal overlay is visible at the bottom, containing a horizontal slider for adjusting the font size, represented by a small 'A' on the left and a large 'A' on the right.

• See the flow
  Precious - Baby Photo Art↗

  Below the image, a horizontal tabbed menu allows the user to select font categories such as 'Recent', 'Script', 'Bold', 'Modern', 'Classic', and 'Fun'.

• See the flow
  Widgetable: Besties & Couples↗

  Top navigation bar, central canvas with photo collage and text input, bottom editing tabs, and bottom navigation bar.

• See the flow
  ThemeKit: Widget & Icon Themes↗

  Top navigation bar, central widget preview, and a bottom sheet for editing controls.

• See the flow
  Windy.app — Wind, Tides, Radar↗

  Below these, there is a toggle for 'Light theme' and a slider control for adjusting 'Text size'.

• See the flow
  ThemeKit: Widget & Icon Themes↗

  Users can select from various font styles, choose font colors from a palette of swatches, and modify the background image via a 'Change The Photo' button.

• See the flow
  Windy.app — Wind, Tides, Radar↗

  Below these settings, there is a 'Text size' label followed by a horizontal slider for adjusting font size.

• See the flow
  Yik Yak↗

  Below the image, there is a horizontal toolbar containing text formatting options, including alignment, font style toggles, and a color selection row with multiple circular swatches.

• See the flow
  FLYP - Fashion Design Studio↗

  Further down, the user can adjust font color and stroke settings.

• See the flow
  Scroll The Bible↗

  Top navigation bar followed by a vertical stack of grouped settings cards.

• See the flow
  Good Food: Recipe Finder↗

  The 'App settings' section includes options for 'Font size', 'Haptics', and 'Display'.

• See the flow
  ThemeKit: Widget & Icon Themes↗

  These include a row of selectable font styles and a 'Font Color' section with a color picker and various color swatches.

• See the flow
  Scroll The Bible↗

  Vertical stack of three distinct cards followed by a bottom action button.