> For the complete documentation index, see [llms.txt](https://docs.perkox.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.perkox.com/getting-started/apps/design-customization.md).

# Design Customization

The **Design Customization** section allows you to personalize the visual appearance of your app and offerwall. This step is crucial for creating a cohesive and engaging user experience that aligns with your brand identity. Below is a detailed breakdown of each field and its purpose:

***

### **1. Title**

* **Purpose**: This is the title of your app or offerwall as it will appear to users.
* **Example**: "Complete Offers And Play Games to Earn."
* **Why It’s Important**: The title is the first thing users see, so it should be clear, engaging, and aligned with your app’s purpose.

***

### **2. Logo**

* **Purpose**: Upload your platform’s logo to represent your brand on the app and offerwall.
* **Requirements**: Ensure the logo has a height of **4bps** (or the specified dimensions).
* **Why It’s Important**: A professional logo enhances brand recognition and builds trust with users.

***

### **3. Currency Icon**

*

```
<figure><img src="/files/VrujX6CWbFoApCz68dsz" alt=""><figcaption></figcaption></figure>
```

* **Purpose**: Upload an icon to visually represent your virtual currency on the app and offerwall.
* **Why It’s Important**: A currency icon makes it easier for users to identify and understand the rewards they’re earning.

***

### **4. Theme Customization**

This section allows you to customize the color scheme of your app and offerwall to match your brand.

#### **a. Background Color**

* **Purpose**: Set the background color of the app or offerwall.
* **Why It’s Important**: A visually appealing background enhances the user experience and aligns with your brand’s aesthetic.

#### **b. Text Color**

* **Purpose**: Set the color of the text displayed on the app or offerwall.
* **Why It’s Important**: Proper text contrast ensures readability and a professional appearance.

#### **c. Header Background Color**

* **Purpose**: Set the background color of the header section.
* **Why It’s Important**: The header is a prominent part of the interface, so its design should be consistent with your brand.

#### **d. Header Text Color**

* **Purpose**: Set the color of the text in the header section.
* **Why It’s Important**: This ensures the header text is readable and visually appealing.

***

### **Example Workflow for Design Customization**

1. **Enter Title**: Type "Complete Offers And Play Games to Earn" in the **Title** field.
2. **Upload Logo**: Click **Choose File** and upload your platform’s logo. Ensure it meets the height requirement (e.g., 4bps).
3. **Upload Currency Icon**: Click **Choose File** and upload an icon for your virtual currency.
4. **Customize Theme**:
   * Set the **Background Color** to a color that matches your brand (e.g., light blue).
   * Set the **Text Color** to a contrasting color for readability (e.g., dark gray).
   * Set the **Header Background Color** to a bold color that stands out (e.g., navy blue).
   * Set the **Header Text Color** to a complementary color (e.g., white).
5. **Save Changes**: Click the appropriate button to save your design settings.

***

### **Why Design Customization Matters**

* **Brand Consistency**: Customizing the design ensures your app and offerwall align with your brand’s visual identity.
* **User Engagement**: A visually appealing interface enhances user experience and encourages participation.
* **Professionalism**: A well-designed app and offerwall build trust and credibility with users.

***

### **Additional Notes**

* **Live Preview**: Some dashboards provide a live preview of your design changes. Use this feature to see how your app or offerwall will look to users.
* **Testing**: After customizing the design, test the app or offerwall on different devices to ensure the colors and layout display correctly.