UFC

Colors

• #0A0A0ABlack · background
• #FFFFFFWhite · text · checkmark
• #1C1C1EDark Gray · modal background

Type

• modal titleRoboto · 16px · bold · #FFFFFF
• list itemRoboto · 15px · regular · #FFFFFF

Elements

• Language Selection Modal · bottom sheet

  Bottom aligned overlay card with list of language options · Dark grey rounded container with white text and a checkmark on the selected item

Layout

Preferences screen dimmed with an active bottom sheet modal for language selection.

Notes

Language picker popup.