Ground News

Colors

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

Type

• TitleHelvetica · 32px · bold · #ffffff
• Emphasis TextHelvetica · 32px · bold · #ffffff
• Button TextHelvetica · 20px · bold · #1c1c1e

Elements

• Onboarding Headline · text block

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

• App Mockup Card · card / illustration

  Centered in the middle portion of the screen, styled like a phone displaying a news feed. · Contained inside a black smartphone frame with a notch, displaying a news article card with image, headline, bias meter, and source tags.

• 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 header text at the top, an illustrated phone mockup in the center showing an app UI, and a primary action button at the bottom.

Notes

Onboarding screen featuring a product preview mockup.