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 · Canvas background · Active pagination dot

Type

• TitlePlayfair Display · 60px · 700 · #1E1B18
• SubtitleSF Pro Text · 34px · 400 · #4E4944
• Button LabelSF Pro Text · 34px · 700 · #1E1B18
• Status Bar TextSF Pro Text · 28px · 600 · #1E1B18

Elements

• Status Bar & Domain Header · Navigation / Status

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

• Grid Collage Preview Card · Image Card

  Centered upper-middle region, width ~960px, showing vertical portrait selfie above a 4-photo square grid · Clean white slide canvas containing framed lifestyle images

• Pagination Indicator · Page Control

  Horizontally centered row of 3 circular dots positioned ~30px below the preview card · Dot 1 is solid pure white; dots 2 and 3 are semi-transparent light cream. Dot diameter ~18px, spacing ~20px

• Continue CTA Button · Button

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

Layout

Second onboarding stage screen. Solid warm cream background throughout. Central layout preview card with a 3-dot page control beneath, followed by headline 'Design it your way', 2-line subtitle, and pinned bottom Continue CTA.

Notes

Transition from carousel scroll introduction to template customization step. Dot 1 is active.