My Drama - Stream Short Dramas

Colors

• #0a0b1eBackground Dark · background fill
• #ffffffPure White · title text · option text
• #202242Option Box Fill · card background

Type

• TitleSF Pro Display · 50px · bold · #ffffff
• Option LabelSF Pro Text · 32px · medium · #ffffff

Elements

• Progress Bar · indicator

  Top of the content area, divided into 4 segments with the second segment active in white. · Segmented thin horizontal bar.

• Selection Options List · list

  Vertical stack of 5 rounded option cards in the center of the screen. · Dark blue rounded rectangles with a circular radio button outline and white text.

Layout

Top progress bar, large centered header question, and a vertical list of selectable radio option cards.

Notes

Demographic question screen with unselected options.