TV Remote & Universal Control™

Colors

• #E5E6E8Modal Card Light · In-app review prompt dialog background
• #080808Modal Text Dark · Dialog headline · Dismiss button label
• #404040Modal Subtitle Gray · Instructional prompt text
• #2772F2Rating Star Blue · Five star outline rating controls
• #D6D7DADismiss Button Fill · Not Now action background
• #1B4FBABottom CTA Inactive · Loading/busy bottom button

Type

• Dialog TitleSF Pro Display · 38px · 700 · #080808
• Dialog BodySF Pro Text · 30px · 400 · #404040
• Dialog Button LabelSF Pro Text · 34px · 600 · #080808

Elements

• Store Review Card · Modal alert

  Centered overlay dialog, approx 820x680 px · Frosted light gray rounded card containing app icon, title, prompt text, 5 star shapes, and secondary button

• Star Rating Selector · Interactive rating control

  Horizontal row of 5 evenly spaced outlined stars, approx 480 px total span · Blue stroked star outlines

• Not Now Button · Button

  Spanning width of modal inside margins, height approx 100 px · Light grey pill container with dark center text

• Loading Indicator CTA · Button

  Bottom pinned button with center white spinner · Deep blue pill with centered loading activity indicator

Layout

Modal dialog overlay floating over the dimmed feedback screen with an active loading indicator at the bottom action bar.

Notes

Custom styled App Store rating dialog styled to simulate native SKStoreReviewController.