Screenshots Needed

Use this checklist when shooting Buxmate for the help centre (public/images/help/) and marketing site. Prefer realistic demo data — not production guest PII.

General guidelines

Desktop: 1440px wide browser, light mode, clean event with cover image
Mobile: iPhone-sized (390×844) for guest flows — most guests use phones
Format: PNG or WebP, 2× resolution for retina
Blur or fake names/emails if using real-looking data
File naming: kebab-case-description.png

Organiser — desktop (priority)

Filename	What to capture
`dashboard-home.png`	Main dashboard with stats, next event, recent events
`events-list.png`	Events list with 2–3 events (mix of Active/Archived badges)
`event-overview.png`	Event overview with setup guide visible (partial progress)
`event-overview-metrics.png`	Lower overview: guest insights + payment summary
`setup-guide.png`	Setup guide card close-up with steps
`activities-timeline.png`	Activities page — timeline with 3+ activities
`activity-form-cost.png`	Create/edit activity — cost type selector visible
`guests-list.png`	Guest list with filters, mix of statuses
`guest-profile-invite.png`	Guest profile — invite link panel, copy buttons
`guest-bulk-actions.png`	Guest list with checkboxes + bulk action bar
`payments-overview.png`	Payments page — stat cards + activity/shared sections
`payment-details-form.png`	Payment details for guests textarea filled in
`payment-item-splits.png`	Payment item detail — per-guest splits + record payment
`payment-partial-history.png`	Allocation with payment history / partial paid
`updates-feed.png`	Updates page with 2–3 posts, one pinned
`photos-gallery-organiser.png`	Organiser photos grid
`event-settings-slug.png`	Event settings — guest link slug + cover
`event-settings-archive.png`	Archive event dialog
`account-settings.png`	Organiser account settings profile section
`signup-page.png`	Signup form
`check-email.png`	Check your email page

Guest — mobile (priority)

Filename	What to capture
`guest-join-landing.png`	Join page — cover, event name, dates
`guest-join-form.png`	Join form with Continue button
`guest-hub-overview.png`	Top of guest hub — cover + greeting
`guest-hub-roster.png`	Who's coming section
`guest-hub-timeline-rsvp.png`	Activity with Going/Maybe/Can't make it buttons
`guest-hub-payments.png`	Payments summary + line items
`guest-hub-how-to-pay.png`	How to pay card with bank details
`guest-hub-announcements.png`	Announcements section
`guest-hub-photos.png`	Photos upload + grid
`guest-archived-banner.png`	Archived event read-only banner

Nice to have

Filename	What to capture
`import-guests-csv.png`	Import guests modal
`export-csv.png`	Export button context
`duplicate-event-dialog.png`	Duplicate event confirmation
`send-rsvp-reminder.png`	RSVP reminder button on activities
`payment-reminder-guest.png`	Per-guest payment reminder
`guest-of-honour-badge.png`	Guest with guest of honour badge
`recalculate-payments.png`	Recalculate payments button + needs review banner
`mobile-event-nav.png`	Mobile organiser bottom nav inside an event

Marketing site overlap

These may already be listed in buxmate-site/docs/SCREENSHOT-CHECKLIST.md:

hero-organiser-dashboard.png — wide dashboard hero
preview-guest-mobile.png — guest hub mobile mock
og-image.png — 1200×630 social card

Adding images to help docs

Once captured, place files in:

buxmate-docs/public/images/help/

Reference in MDX:

![Event overview](/images/help/event-overview.png)

Prioritise the priority tables first — they cover every major feature in the help centre.