Skip to main content

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

  1. Export screens from Figma Make: High-res PNG/JPG (2x or 3x)
  2. Add text overlays: Use Figma or Photoshop with Drop brand fonts
  3. Apply brand elements: Logo watermark, gradient accents if needed
  4. Review for consistency: All screenshots should feel cohesive
  5. Export final assets: Correct dimensions per platform requirements
  6. 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)

No comments to display

Back to top