Heyyyy: Stories that text back

Colors

• #FAF7FBBackground Tint · Screen background gradient
• #1A1A2EPrimary Text · App wordmark
• #000000Apple Black · Apple sign-in button fill
• #9B0BE8Button Gradient Magenta · Active button gradient left edge
• #4C46E8Button Gradient Violet · Active button gradient right edge
• #8E8E9FMuted Text · Footer disclaimer text
• #4C44DCLink Blue · Footer links

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 vertically and horizontally above center; vertical stack of 'heyy' title and heart-eyes emoji. · Serif wordmark with an iOS heart-eyes emoji 😍.

• Apple Sign-in Button · button

  Pill button spanning container width with margins, height ~88px. · Solid black fill with white Apple emblem and label.

• Loading Action Button · button

  Pill button matching Apple button geometry directly below it. · Purple/violet horizontal gradient fill containing a centered white rotating iOS-style activity spinner.

• Activity Indicator · indicator

  Centered inside the bottom purple gradient button; size ~36x36px. · Radial multi-spoke white loading indicator with variable spoke opacities.

• Legal Footer · text_block

  Centered below the action buttons. · Light muted text with blue underlined links.

Layout

Auth loading screen state; replaces Google button text with a centered spinner while transitioning emoji to heart-eyes.

Notes

State transition captured between button tap and authentication completion.