Design and preview | Passtastic Help

Design and preview

Make your loyalty card match your brand colors. You'll see a live preview as you make changes.

Quick start with presets

Choose from professionally designed color combinations:

  • One-click setup: Pick a preset that matches your brand style
  • Fully customizable: You can adjust any preset colors after applying
  • Accessibility friendly: All presets meet readability standards

Create your own colors

Want exact brand colors? Use the custom color picker:

  • Background color: The main card color
  • Text color: For titles and important text
  • Label color: For smaller text and details
  • Easy input: Drag the color picker or paste your brand's hex code (like #FF6B35)

Color tip: Make sure there's enough contrast between background and text colors so customers can easily read your card.

Add your images

Personalize your card with:

  • Business logo: Upload your logo for the card header
  • Hero image: A background image that represents your business
  • Our library: Use our professional images if you don't have your own

When you upload images, you'll be able to crop them to fit perfectly.

See it live: The preview at the bottom shows exactly how your card will look on customers' phones.

Next: Publish and Test