# 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)