App Store: Screenshot Texts
Drop — Screenshot Text Overlays
Last updated: 2026-02-21 Purpose: Norwegian text overlays for App Store and Google Play screenshots
Screenshot Strategy
Each screenshot showcases one key feature with:
- Headline: Bold, 3-5 words, main benefit
- Subtext: 1 line, supporting detail
- Visual: Corresponding app screen from Figma Make export
All text in Norwegian Bokmål, natural tone (not AI-translated).
Screenshot 1: Login / BankID
Headline
Trygg pålogging
Subtext
Verifiser deg med BankID på under 2 minutter
Screen Reference
mockups/figma-make-export/src/components/Login.tsx
Visual Notes
- Show BankID logo prominently
- Green "Logg inn med BankID" button
- Clean, minimal design
- No clutter, focus on trust
Screenshot 2: Dashboard / Home
Headline
Alt på ett sted
Subtext
Send penger, betal med QR, se saldo — enkelt
Screen Reference
mockups/figma-make-export/src/components/Dashboard.tsx
Visual Notes
- Show bank account balance (AISP demo)
- Quick actions: "Send penger", "Skann QR", "Motta"
- Recent transactions preview
- Green gradient balance card
Screenshot 3: Send Money / Remittance
Headline
0,5% gebyr
Subtext
Send til 30+ land — billigere enn banken
Screen Reference
mockups/figma-make-export/src/components/SendMoney.tsx
Visual Notes
- Show currency conversion (NOK → RSD example)
- Fee breakdown: "Send 10 000 kr → mottar 117 050 RSD, gebyr 50 kr"
- Country flags visible
- Clear, transparent pricing
Screenshot 4: QR Payment / Scan
Headline
Betal på sekunder
Subtext
Skann QR-kode i butikk — raskere enn kort
Screen Reference
mockups/figma-make-export/src/components/ScanQR.tsx
Visual Notes
- Show camera viewfinder with QR overlay
- Example merchant: "Ahmetov Kebab"
- Payment flow: scan → amount → confirm
- Gold accent for QR feature
Screenshot 5: Transaction History
Headline
Full kontroll
Subtext
Se alle betalinger og overføringer
Screen Reference
mockups/figma-make-export/src/components/TransactionHistory.tsx
Visual Notes
- List of transactions with icons
- Filters: "Alle", "Sendt", "Mottatt", "QR"
- Date grouping: "I dag", "I går", "Denne uken"
- Clear amounts with +/− indicators
Screenshot 6 (Optional): Bank Accounts
Headline
Koble banken din
Subtext
Se saldo fra din bank med Open Banking
Screen Reference
mockups/figma-make-export/src/components/BankAccounts.tsx
Visual Notes
- Show linked bank account (DNB example)
- Balance visible via AISP
- "Koble til ny bank" CTA
- Security badge: "Sikret med BankID"
Screenshot 7 (Optional): Notifications
Headline
Hold deg oppdatert
Subtext
Varsler for hver betaling og overføring
Screen Reference
mockups/figma-make-export/src/components/Notifications.tsx
Visual Notes
- Notification list: "Betaling fullført", "Penger mottatt"
- Timestamps
- Read/unread states
- Push notification icon
Screenshot 8 (Optional): Profile / Settings
Headline
Dine innstillinger
Subtext
Administrer konto, sikkerhet og varsler
Screen Reference
mockups/figma-make-export/src/components/Profile.tsx
Visual Notes
- User profile with BankID verification badge
- Settings sections: "Sikkerhet", "Varsler", "Personvern"
- Logout option
- Clean, organized layout
Screenshot 9 (Optional): Onboarding Step
Headline
Kom i gang
Subtext
3 enkle steg — klar til å sende penger
Screen Reference
mockups/figma-make-export/src/components/Onboarding.tsx
Visual Notes
- Onboarding steps: "Last ned → Verifiser → Send"
- Progress indicator
- Friendly illustration or icon
- "Neste" CTA button
Screenshot 10 (Optional): Merchant Dashboard
Headline
For butikker
Subtext
QR-betalinger med 1% gebyr
Screen Reference
mockups/figma-make-export/src/components/MerchantDashboard.tsx
Visual Notes
- Merchant view: "Dagens inntekt", "Antall transaksjoner"
- QR code display
- Payout schedule
- Business-focused design
Design Guidelines
Typography
- Headline font: Fraunces (serif, 700 weight, 32-40px)
- Subtext font: DM Sans (sans-serif, 400 weight, 16-18px)
- Color: Headlines in dark (#1A1A1A), subtext in muted (#6B7280)
Layout
- Overlay text at top or bottom of screenshot (avoid covering key UI)
- Use subtle gradient or solid background behind text for readability
- Align left or center depending on screen composition
- Keep 24px margin from screen edges
Branding
- Consistent with Drop brand: green (#0B6E35), gold accent (#D4A017)
- Drop logo watermark in corner (small, 48px height)
- Professional but approachable tone
Accessibility
- High contrast between text and background
- Minimum 14px font size for subtext
- No more than 2 lines of text per screenshot
Platform-Specific Considerations
iOS App Store
- 6.7" iPhone Pro Max: 1290 × 2796 px (primary)
- 5.5" iPhone 8 Plus: 1242 × 2208 px (fallback)
- Text overlay can be more minimal (iOS users familiar with gestures)
- Show status bar if relevant to UX
Google Play Store
- Android Phone: 1080 × 1920 px or higher
- Text overlay should be more descriptive (diverse Android audience)
- Consider showing navigation elements for context
Production Workflow
- Export screens from Figma Make: High-res PNG/JPG (2x or 3x)
- Add text overlays: Use Figma or Photoshop with Drop brand fonts
- Apply brand elements: Logo watermark, gradient accents if needed
- Review for consistency: All screenshots should feel cohesive
- Export final assets: Correct dimensions per platform requirements
- Test on devices: Preview how they look in actual store listings
Norwegian Language Notes
All text is written in natural Norwegian Bokmål:
- Trygg = secure, safe
- Enklere = simpler, easier
- Billigere = cheaper
- På sekunder = in seconds
- Full kontroll = full control
- Kom i gang = get started
Avoid direct translations from English — use idiomatic Norwegian expressions.
Review Checklist
- All 10 screenshots have Norwegian headlines and subtext
- Text is readable at thumbnail size
- Headlines are 3-5 words, subtext is 1 line
- Consistent typography (Fraunces + DM Sans)
- Drop branding visible but not overwhelming
- Each screenshot showcases one clear feature
- No spelling or grammar errors in Norwegian
- Platform-specific sizes prepared (iOS + Android)
- Final review by native Norwegian speaker (Alem)