Bible Path: Prayers & Widgets

Colors

• #FDFBF7Background Cream · screen background
• #F4C430Yellow · complete progress ring · progress bars
• #4CD964Green Checkmark · success badge fill

Type

• percentageInter · 48px · 700 · #1A1A1A
• titleInter · 32px · 700 · #1A1A1A

Elements

• Completed Progress Ring · progress circle

  Top center, showing '100%' inside a fully closed yellow ring. · Complete yellow circular stroke.

• Completed Tasks List · list

  Vertical list of setup tasks, each featuring a green checkmark icon on the right and fully filled yellow bar underneath. · Completed task items with checkmarks.

Layout

Completion screen displaying 100% progress, success confirmation heading, list of fully checked tasks, and primary continue button.

Notes

Transition state when onboarding generation finishes.