Popia - AI Stories & Creators

Colors

• #000000overlay-backdrop · dimmed background overlay
• #1a1f2ccard-surface · modal dialog background
• #fffffftext-primary · modal title · ghost button text
• #b3b9c9text-secondary · modal description
• #faea8ccta-yellow · primary action button fill
• #363e52button-ghost-border · secondary action button outline
• #2a2d34close-btn-surface · close button circular background

Type

• modal-titleSF Pro Display · 44px · 600 · #ffffff
• modal-bodySF Pro Text · 30px · normal · #b3b9c9
• cta-labelSF Pro Text · 34px · 600 · #111111
• ghost-btn-labelSF Pro Text · 32px · 500 · #ffffff

Elements

• modal-card · modal

  centered dialog box, approx 880x1080 px · dark rounded container with glowing cosmic 'Models' banner artwork at top

• banner-image · image

  top of modal card, approx 880x460 px · vibrant blue/purple cosmic illustration with stylized cursive 'Models' title

• view-det-button · button

  bottom-left inside modal, approx 330x110 px · dark pill button with fine grey border

• try-now-button · button

  bottom-right inside modal, approx 360x110 px · bright yellow/cream gradient pill button

• close-button · button

  centered below modal card, approx 100x100 px circular pill · circular dark grey translucent button with white 'X' icon

Layout

Feature announcement popup modal centered over a dimmed feed screen, equipped with dual action buttons and an external floating close icon.

Notes

Artwork header features an intricate script typographic treatment for 'Models'.