JoyReels - Enjoy Short Dramas

Colors

• #ffffffCard Background · consent dialog background
• #1976d2Primary Blue · buttons background · list item icon tint
• #1c1c1eDark Text · headings · body text
• #545458Gray Text · secondary body text · footer text
• #0056b3Link Blue · inline link text

Type

• section headerSF Pro Text · 24px · semibold · #1c1c1e
• titleSF Pro Display · 32px · bold · #1c1c1e
• bodySF Pro Text · 20px · regular · #545458
• buttonSF Pro Text · 22px · semibold · #ffffff

Elements

• Consent Dialog Container · card

  Centered modal sheet occupying most of the screen width with generous top and bottom margins. · White filled rounded container.

• Consent Button · button

  Full width of dialog bottom area, stacked vertically. · Solid blue rounded rectangle with white text.

• Manage Options Button · button

  Stacked vertically below Consent button. · Solid blue rounded rectangle with white text.

• List Item Icon 1 · icon

  Aligned left alongside personalized advertising text. · Light blue circular badge with profile user icon.

• List Item Icon 2 · icon

  Aligned left alongside store information text. · Light blue circular badge with folder icon.

Layout

Bottom sheet or centered modal consent dialog overlaying a dark translucent backdrop.

Notes

GDPR/consent pop-up layout featuring standard disclosure text and action buttons.