Heyyyy: Stories that text back

Colors

• #F9F6FABackground Tint · Screen background subtle gradient base
• #1A1A2EPrimary Text · App wordmark / logo title
• #000000Apple Black · Apple sign-in button fill
• #FFFFFFPure White · Button typography · Apple icon
• #8B00ECGradient Purple Start · Google sign-in button gradient start
• #5046E5Gradient Indigo End · Google sign-in button gradient end
• #8E8E9FMuted Body · Terms and legal disclaimer text
• #4C44DCLink Blue · Legal hyperlinks

Type

• Wordmark / Display TitleBaskerville · 88px · 700 · #1A1A2E
• Button Label-apple-system · 28px · 600 · #FFFFFF
• Legal Disclaimer-apple-system · 20px · 400 · #8E8E9F

Elements

• Brand Centerpiece · display_group

  Centered horizontally and vertically in the upper half of the viewport; vertical stack of serif logotype and emoji graphic separated by ~24px. · High-contrast dark typography paired with a standard yellow smiling emoji graphic.

• Apple Sign-in Button · button

  Full width with standard 32px horizontal page margins, height ~88px, positioned ~320px from screen bottom. · Solid black pill container with centered white Apple logo glyph and bold text label.

• Google Sign-in Button · button

  Full width with standard 32px horizontal page margins, height ~88px, placed ~16px directly beneath Apple button. · Horizontal vibrant purple-to-indigo gradient fill, white bold typography, fully rounded pill ends.

• Legal Footer · text_block

  Centered text below action buttons, 2 lines, ~32px top margin from Google button. · Muted grey text with underlined blue interactive hyperlinks.

Layout

Single-page mobile viewport onboarding screen. Minimalist composition featuring centered brand imagery in upper body, primary action buttons anchored near the bottom thumb zone, followed by secondary legal text.

Notes

Font for 'heyy' is a high-contrast transitional or modern serif; Baskerville, Playfair Display, or Georgia are close matches. Top area shows Safari webview chrome from 'appkittie.com'.