Skip to content

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