In-app experience
What your customers actually see
One example of what you can build with the Perkly API — your team designs the experience, we deliver the data. Tap a card, filter by category, copy a voucher code.
📋 List View — "My Perks"
Good morning,
Your Perks 🎁
JD
21 offers matched to your profile
All
✈️ Travel
🍽️ Dining
🛒 Groceries
💻 Electronics
🎬 Entertainment
💚 Health
🛍️ Retail
💳 Finance
⛽ Fuel
📚 Education
🏥 Healthcare
My Perks
✓ Code copied!
📄 Detail View — Offer
✈️ Travel
⏱ Expires 1 Jun 2026
15% off your next round-trip flight
Book any round-trip flight and save 15% instantly. Valid on all routes worldwide with no minimum spend. Simply apply your code at checkout and enjoy the savings.
How to redeem
1
Search flights and choose your dates
2
Add to basket and go to checkout
3
Enter code FLY15 in the promo box
Your voucher code
Promo code
FLY15
🖼 Image Specifications
Logo / Brand Icon
512×512
PNG/SVG
PNG/SVG
Square Brand Logo
Shown on the offer card (40×40 pt) and detail hero (56×56 pt). Keep it simple — just the mark, no tagline.
512 × 512 px or 1024 × 1024
image_url (upload_type=main)
Banner / Hero Image
Offer Banner
Full-width hero image shown at the top of the card (2:1) and detail screen (tall). Lifestyle photo or branded creative.
1600 × 900 px
banner_image_url (upload_type=banner)
Layout Notes
Card (list view)
Banner image 2:1 ratio · Logo badge bottom-left · Category pill + expiry · 2-line headline · Voucher badge or "Auto-applied"
Banner image 2:1 ratio · Logo badge bottom-left · Category pill + expiry · 2-line headline · Voucher badge or "Auto-applied"
Detail view
Full-bleed hero image (top ~35% screen) · Floating logo + back/share buttons · Scrollable body: headline, description, numbered steps, voucher code box with copy, expiry chip, sticky CTA button
Full-bleed hero image (top ~35% screen) · Floating logo + back/share buttons · Scrollable body: headline, description, numbered steps, voucher code box with copy, expiry chip, sticky CTA button
Voucher UX
Large monospace code · One-tap copy with animated feedback · "Auto-applied" label when no code
Large monospace code · One-tap copy with animated feedback · "Auto-applied" label when no code
Category filters
Horizontal scrolling pills · Active filter highlighted · Instantly hides non-matching cards
Horizontal scrolling pills · Active filter highlighted · Instantly hides non-matching cards