> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Gift Card

> Customize the appearance of digital gift card pages with logo and branding options.

The Gift Card template displays the gift card redemption page with customizable branding elements. Customers use this page to view and redeem digital gift cards.

<img src="https://mintcdn.com/digifist/ADh-5QN66dwXecfY/images/theme/release/sections/gift-card/gift-card-overview.png?fit=max&auto=format&n=ADh-5QN66dwXecfY&q=85&s=06ae50055473415ad139b1addbb5ece1" alt="Gift card page overview" width="3280" height="2186" data-path="images/theme/release/sections/gift-card/gift-card-overview.png" />

## What this section controls

* Gift card page branding
* Logo images (main and card overlay)
* Color scheme for gift card visual
* Gift card display styling

## Section settings

<Tabs>
  <Tab title="Branding">
    ### Logo image

    Upload your brand logo to display on the gift card page.

    * Supports PNG, JPG formats
    * Recommended: High resolution for retina displays

    ### Logo SVG code

    Alternative to logo image using scalable vector graphics.

    * Paste SVG code directly
    * Benefits: Crisp at any size, smaller file size
    * Use when you need perfect logo clarity

    <Tip>
      Use SVG code for logos with text or intricate details that need to stay sharp at all sizes.
    </Tip>

    <img src="https://mintcdn.com/digifist/S9kUPjhQ5Gtf_9hS/images/theme/release/sections/gift-card/logo-settings.png?fit=max&auto=format&n=S9kUPjhQ5Gtf_9hS&q=85&s=db60dc27431d713a83ff8c35db960513" alt="Logo settings" width="3280" height="2186" data-path="images/theme/release/sections/gift-card/logo-settings.png" />
  </Tab>

  <Tab title="Cover Design">
    ### Color scheme for cover

    Select the color scheme applied to the gift card visual.

    * **Default:** scheme-6
    * Affects the gift card background and cover design

    ### Logo card image

    Logo displayed directly on the gift card visual itself.

    * Separate from main page logo
    * Appears overlaid on gift card design
    * Should be optimized for smaller display

    <Note>
      Logo card image appears on the gift card graphic, while logo image appears on the page itself.
    </Note>

    <img src="https://mintcdn.com/digifist/S9kUPjhQ5Gtf_9hS/images/theme/release/sections/gift-card/cover-design.png?fit=max&auto=format&n=S9kUPjhQ5Gtf_9hS&q=85&s=70c107b6312e22654375d7f98b587c3f" alt="Gift card cover design" width="3280" height="2186" data-path="images/theme/release/sections/gift-card/cover-design.png" />
  </Tab>
</Tabs>

## Best practices

* **Logo format:** Use PNG with transparency for logo\_image, SVG for perfect clarity
* **Logo sizing:** Keep logo\_image dimensions reasonable (max 400px wide)
* **Card logo:** logo\_card\_image should be square or horizontal, optimized for overlay
* **Color scheme:** Choose scheme that complements brand colors and stands out
* **Brand consistency:** Ensure gift card design matches overall brand aesthetic
* **Mobile testing:** Preview gift card page on mobile devices for logo sizing
* **File optimization:** Compress images to ensure fast page load
* **Seasonal updates:** Update logo\_card\_image for holidays or special occasions

## Common use cases

* **Standard branding** - Upload logo\_image (PNG), use brand color scheme
* **Premium look** - SVG logo for crisp display, dark luxury color scheme
* **Seasonal cards** - Change logo\_card\_image for Christmas, Valentine's, etc.
* **Minimal design** - No logo images, focus on color scheme and typography
* **Corporate gifts** - Professional logo placement with neutral scheme-6 or custom
* **Special editions** - Custom logo\_card\_image for limited edition gift cards

## Related guides

<Card title="Product Page" icon="gift" href="/themes/release/sections/main-product">
  Configure gift card product pages
</Card>

<Card title="Theme Settings" icon="palette" href="/themes/release/theme-settings/colors">
  Create custom color schemes
</Card>