Boo Dating App: Date & Friends

Colors

• #42D9CABright Cyan/Teal · Primary action button background · Planet surface highlight · Character accents
• #1B2228Charcoal Black · App title text · Subtitle text · Graphic line art
• #273D44Dark Slate Gray · Secondary and tertiary auth button backgrounds
• #FFFFFFPure White · Background upper gradient · Ghost character body · Auth button text
• #49C6B8Seafoam Blue · Terms and privacy policy hyperlink text
• #738A94Muted Slate Gray · Legal body text · Language selector pill background

Type

• App TitleMontserrat · 68px · 900 · #1B2228
• App SubtitleMontserrat · 30px · 800 · #1B2228
• Primary Button LabelMontserrat · 24px · 700 · #1B2228
• Secondary Button LabelMontserrat · 24px · 700 · #FFFFFF
• Legal Captionsystem-ui · 20px · 400 · #FFFFFF
• Language Selector Labelsystem-ui · 20px · 500 · #FFFFFF

Elements

• Apple Sign-In Button · button

  Full width with side margins, placed above Google sign-in button, height 88px · Bright teal solid fill, black Apple logo on the left, centered bold uppercase text

• Google Sign-In Button · button

  Full width with side margins, centered below Apple button, height 88px · Semi-translucent dark slate fill, full-color Google G icon on the left, centered uppercase white text

• Email Sign-In Button · button

  Full width with side margins, below Google button, height 88px · Semi-translucent dark slate fill, teal envelope line icon on the left, centered uppercase white text

• Language Selector Pill · button

  Horizontally centered near the screen bottom, below legal text, height 36px, width 140px · Translucent dark gray capsule background with white centered text

• Hero Mascot Illustration · illustration

  Centered horizontally, perched atop a large circular planet horizon occupying the lower half · Cute white cartoon ghost with black eyes and pink cheeks, surrounded by stylised trees, space telescope, and floating cosmic bodies

Layout

Single-screen landing page with white upper background and a massive curved illustrative planet anchoring the lower two thirds. Brand typography is anchored at top-center, followed by decorative space illustrations, leading into a stacked group of three high-contrast auth buttons and bottom-aligned terms and language controls.

Notes

Display typography exhibits geometric sans-serif traits with distinct wide spacing; alternatives include Nexa, Nunito Sans, or Futura.