LazyFit: Workout For Beginners

Colors

• #FFFFFFBackground · screen background
• #000000Text Primary · heading · review text
• #7A7A7AText Secondary · author text · date text
• #FFC107Star Yellow · rating stars
• #FAFAFACard Background · review card fill

Type

• headingSF Pro Display · 28px · bold · #000000
• bodySF Pro Text · 16px · regular · #000000
• captionSF Pro Text · 14px · regular · #7A7A7A

Elements

• Back Button · icon button

  Top left · Black chevron

• Progress Bar · progress indicator

  Top center · Linear progress bar

• Review Card Carousel · card

  Center of screen, prominent card with partial adjacent cards visible · Rounded container with photo at top, yellow star rating, text review, and author info

• Next Button · button

  Bottom center · Solid black pill shape with white text

Layout

Top navigation, social proof headline, centered review card showing photo and testimonial text with peeking side cards, and a solid black action button at the bottom.

Notes

Carousel layout indicated by side snippets of adjacent cards.