Screenshot Manifest¶

Source of truth for all documentation screenshots.

Totals¶

Automated (admin): 39 screenshots
Manual (POS/storefront/email): 12 screenshots
Total: 51 screenshots across 30 docs
Average: ~3 per feature doc, ~2 per use-case/getting-started

Capture Tool¶

npx tsx scripts/docs/screenshot.ts                     # list tasks
npx tsx scripts/docs/screenshot.ts homepage-statistics  # one task
npx tsx scripts/docs/screenshot.ts gift-cards-*         # pattern
npx tsx scripts/docs/screenshot.ts --all               # all automated

Convention¶

Setting	Value
Viewport	1280×900
Scale	2x (retina)
Padding	24px
Background	`#F5F5F5`
Shadow	`0 1px 3px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04)`
Border-radius	12px
Store	syndev2.myshopify.com
Naming	`{category}/{name}.png`, lowercase, hyphens

Screenshot Map by Document¶

getting-started/overview.md¶

Screenshot	Type	Description
`dashboard/overview.png`	Auto	Full analytics dashboard
`dashboard/statistics.png`	Auto	KPI grid
`storefront/gift-card-page.png`	Manual	Gift card purchase page

getting-started/quick-start.md¶

Screenshot	Type	Description
`gift-cards/create-filled.png`	Auto	Issue form with filled data
`email/recipient-preview.png`	Manual	Delivery email preview

getting-started/installation.md¶

Screenshot	Type	Description
`dashboard/setup-guide.png`	Auto	Onboarding checklist
`settings/overview.png`	Auto	Settings hub

features/egift-cards.md¶

Screenshot	Type	Description
`gift-cards/list.png`	Auto	Main page with designs and toggles
`gift-cards/designs-grid.png`	Auto	Design thumbnails grid
`gift-cards/automation-settings.png`	Auto	Automation section
`gift-cards/create.png`	Auto	Issue form (empty)
`gift-cards/advanced-settings.png`	Auto	Advanced settings
`storefront/gift-card-page.png`	Manual	Customer-facing page

features/card-design.md¶

Screenshot	Type	Description
`gift-cards/design.png`	Auto	Translations page
`gift-cards/language-selector.png`	Auto	Language dropdown

features/card-categories.md¶

Screenshot	Type	Description
`gift-cards/categories.png`	Auto	Category organize page
`gift-cards/designs-grid.png`	Auto	Designs in categories
`storefront/categories.png`	Manual	Categories on storefront

features/physical-cards.md¶

Screenshot	Type	Description
`physical-cards/list.png`	Auto	Physical tab with inventory
`physical-cards/save-codes.png`	Auto	Import codes modal

features/dashboard.md¶

Screenshot	Type	Description
`dashboard/overview.png`	Auto	Full dashboard
`dashboard/statistics.png`	Auto	KPI grid
`dashboard/date-range.png`	Auto	Date range and sync

features/bulk-operations.md¶

Screenshot	Type	Description
`bulk/overview.png`	Auto	Bulk hub
`bulk/generate.png`	Auto	Generate form
`bulk/send.png`	Auto	Send form with CSV

features/reload-balance.md¶

Screenshot	Type	Description
`reload-balance/list.png`	Auto	Search and card list
`reload-balance/config.png`	Auto	Configuration page
`reload-balance/storefront-reload.png`	Auto	Storefront reload config

features/balance-widget.md¶

Screenshot	Type	Description
`balance-widget/settings.png`	Auto	Widget config page
`storefront/balance-widget.png`	Manual	Widget on storefront
`storefront/balance-result.png`	Manual	Balance check result

features/configuration.md¶

Screenshot	Type	Description
`balance-widget/settings.png`	Auto	Widget config
`balance-widget/design.png`	Auto	Widget look and feel

features/email-templates.md¶

Screenshot	Type	Description
`email/template.png`	Auto	Template editor
`email/template-options.png`	Auto	Checkbox options
`email/recipient-preview.png`	Manual	Recipient email preview

features/reminders.md¶

Screenshot	Type	Description
`reminders/settings.png`	Auto	Settings page
`reminders/template.png`	Auto	Template editor
`email/reminder-preview.png`	Manual	Reminder email preview

features/promotions.md¶

Screenshot	Type	Description
`promotions/list.png`	Auto	Promotions table
`promotions/create.png`	Auto	Create with rule builder

features/payments.md¶

Screenshot	Type	Description
`payments/overview.png`	Auto	Rules and restrictions

features/pos-integration.md¶

Screenshot	Type	Description
`pos/overview.png`	Auto	Shopify POS tab
`pos/tools.png`	Auto	3rd party POS tab
`pos/tile.png`	Manual	POS home tile
`pos/check-balance.png`	Manual	POS check balance
`pos/reload.png`	Manual	POS reload
`pos/refund.png`	Manual	POS refund to gift card
`pos/customer-cards.png`	Manual	POS customer cards

features/developer-tools.md¶

Screenshot	Type	Description
`developer-tools/overview.png`	Auto	API and webhooks
`developer-tools/webhooks.png`	Auto	Webhook section
`developer-tools/custom-code.png`	Auto	Code editor

features/multistore.md¶

Screenshot	Type	Description
`multistore/overview.png`	Auto	Network management

features/customer-account.md¶

Screenshot	Type	Description
`customer-account/portal.png`	Manual	My Gift Cards page

use-cases/corporate-gifting.md¶

Screenshot	Type	Description
`bulk/send.png`	Auto	Bulk send (reuse)
`dashboard/overview.png`	Auto	Report with filters (reuse)

use-cases/holiday-campaigns.md¶

Screenshot	Type	Description
`promotions/create.png`	Auto	Promotion setup (reuse)
`email/template.png`	Auto	Email template (reuse)

use-cases/refunds-as-gift-cards.md¶

Screenshot	Type	Description
`gift-cards/create.png`	Auto	Issue form (reuse)
`pos/refund.png`	Manual	POS refund

use-cases/physical-card-inventory.md¶

Screenshot	Type	Description
`physical-cards/save-codes.png`	Auto	Import (reuse)
`physical-cards/list.png`	Auto	Inventory (reuse)

use-cases/multi-location-retail.md¶

Screenshot	Type	Description
`multistore/overview.png`	Auto	Network (reuse)
`pos/overview.png`	Auto	POS setup (reuse)

use-cases/loyalty-rewards.md¶

Screenshot	Type	Description
`bulk/send.png`	Auto	Bulk send (reuse)
`reload-balance/list.png`	Auto	Reload (reuse)

Manual Capture Checklist¶

[ ] POS: Open Shopify POS app on iPad → screenshot tile, balance, reload, refund, customer cards
[ ] Storefront: Visit syndev2 storefront → gift card page, balance widget, categories
[ ] Customer Account: Log in as customer → My Gift Cards page
[ ] Email: Send test gift card → screenshot delivery email from inbox
[ ] Email: Trigger test reminder → screenshot reminder email from inbox