# Digital Cards Design

### <span style="color: #1c1e3f;">Design Specifications for Graphic Designers and Customers Required for the MDES Manager Application</span>

1. <span style="color: #1c1e3f;">Sizes required for the MDES Manager: **1536 px x 969 px**</span>
2. <span style="color: #1c1e3f;">File format: **PNG** </span>  
    <span style="color: #1c1e3f;">If you are submitting files to be verified by Verestro, you will need the SVG format.</span>
3. <span style="color: #1c1e3f;">The corners of the cards should not be rounded. The corners will be rounded in the application.</span>
4. **Safety shape.** If the card background blends with the Mastercard Symbol and reduces its visibility, a **safety shape** must be used to ensure sufficient contrast. Mastercard allows two forms: **oval** (an oval around the mark) or **corner** (a black or white corner shape). This guarantees the symbol remains clear and readable. [![safety shape_1.png](https://developer.verestro.com/uploads/images/gallery/2025-11/scaled-1680-/M8Ysafety-shape-1.png)](https://developer.verestro.com/uploads/images/gallery/2025-11/M8Ysafety-shape-1.png)
    
    [![safety shape_2 1.png](https://developer.verestro.com/uploads/images/gallery/2025-11/scaled-1680-/safety-shape-2-1.png)](https://developer.verestro.com/uploads/images/gallery/2025-11/safety-shape-2-1.png)
    
      
    <span style="color: #1c1e3f;">[![digital cards.png](https://developer.verestro.com/uploads/images/gallery/2024-02/scaled-1680-/Jbvdigital-cards.png)](https://developer.verestro.com/uploads/images/gallery/2024-02/Jbvdigital-cards.png)</span>

<p class="callout info"><span style="color: #000000;"><span style="color: #1c1e3f;">Remember that in the Apple Pay and Google Pay applications, the card number is placed in the bottom left corner of the cards. The card numbers should be visible.</span></span></p>

[![image-1709621511133.png](https://developer.verestro.com/uploads/images/gallery/2024-03/scaled-1680-/image-1709621511133.png)](https://developer.verestro.com/uploads/images/gallery/2024-03/image-1709621511133.png)

<span style="color: #1c1e3f;">**What do we need for MDES Manager?**<span style="background-color: #c2e0f4;">**<span style="background-color: #f1c40f;">  
</span>**</span></span>  
<span style="color: #1c1e3f;">1. Preparation of the **card for** **MDES Manager** (according to the guidelines above).</span>  
<span style="color: #1c1e3f;">2. Client's **logo for MDES Manager** (size: 1372px x 293px).  
3\. Client **icon (favicon) for MDES Manager** (size: 100px x 100px).</span>  
  
<span style="color: #1c1e3f;">**What do we need for 3ds?**<span style="background-color: #f1c40f;">  
  
</span>1. Preparation of the client's logo for **3DS** (size: 129px x 60 px).</span>

<span style="color: #1c1e3f;">The UX department will help provide logos and icons in appropriate sizes, please provide the icon and logo that will appear on a white background.</span>

<span style="color: #1c1e3f;">**Download the Mastercard logo in SVG format for your project:**</span>

<span style="color: #1c1e3f;">**[![logo@2x.png](https://developer.verestro.com/uploads/images/gallery/2024-03/scaled-1680-/logo-at-2x.png)](https://developer.verestro.com/attachments/19)**</span>