Esti: Aesthetic Photo Editor

Colors

• #F6EFEBWarm Cream · Full screen background · Inactive pagination dots
• #F3B6A5Peach Salmon · Primary action button background
• #1E1B18Deep Charcoal · Heading text · Button label text · Status bar items
• #4E4944Muted Umber · Subtitle body text
• #FFFFFFPure White · Active pagination dot · Canvas background · Circle sticker masks

Type

• TitlePlayfair Display · 56px · 700 · #1E1B18
• SubtitleSF Pro Text · 34px · 400 · #4E4944
• Button LabelSF Pro Text · 34px · 700 · #1E1B18

Elements

• Status Bar & Domain Header · Navigation / Status

  Fixed top bar across entire display width · Dark icons and text on warm cream background

• Effects Preview Canvas · Image Card

  Centered in upper-middle viewport with right-side slide peek · Slide showing beach woman, cat, and coffee cup, with pure white circle sticker effects placed over the woman's face and coffee foam

• Pagination Indicator · Page Control

  Horizontally centered row of 3 circular dots below preview card · Dot 2 is solid pure white (active); dots 1 and 3 are semi-transparent light cream

• Continue CTA Button · Button

  Bottom-pinned, horizontal margins ~56px, height ~130px · Solid peach/salmon fill with dark centered text

Layout

Third onboarding stage demonstrating text and visual effects. Layout consists of status bar, central visual card with circle overlays, 3-dot pagination with dot 2 active, title, subtitle, and bottom CTA button.

Notes

Shows interactive text/sticker effects capability. Active dot index is 2.