Ground News

Colors

• #1c1c1eDark Charcoal · background
• #ffffffWhite · primary text · quote card background
• #dfd3b8Off-White / Cream · continue button fill
• #242426Card Dark Gray · quote card fill

Type

• TitleHelvetica · 30px · bold · #ffffff
• Quote BodyHelvetica · 20px · normal · #ffffff
• Quote AttributionHelvetica · 14px · normal · #d1d1d6
• Button TextHelvetica · 20px · bold · #1c1c1e

Elements

• Onboarding Headline · text block

  Centered at the top of the screen. · Multi-line bold white text.

• Endorsement Card · card

  Centered horizontally in the middle of the screen, flanked by laurel wreath graphics. · Dark rounded rectangle card with a white badge on the left ('Nobel Peace Center'), quote text, and endorsement footer text.

• Continue Button · button

  Pinned to the bottom of the screen with horizontal margins. · Solid light tan/cream rounded pill button with dark text.

Layout

Vertical onboarding layout with headline text at the top, a centered testimonial card with laurel graphics in the middle, and a CTA button at the bottom.

Notes

Social proof onboarding screen.