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

# Design Customization

> YiDA Dedicated edition offers design customization capabilities, including custom organization logos, form styles, font size styles, and detail page styles. It supports layout adjustments and preview on both mobile and PC, helping organizations tailor interface styles to their own needs.

Dedicated edition exclusive

| **Capability**                 | **Free plan** | **Basic edition** | **Professional edition** | **Dedicated edition** |
| ------------------------------ | ------------- | ----------------- | ------------------------ | --------------------- |
| Dedicated design customization | Not supported | Not supported     | Not supported            | Supported             |

To better convey organizational brand identity and help organizations customize design styles to match business needs, YiDA Dedicated edition opens up a range of design customization capabilities.

## Design Customization Features

### 1. Custom Organization Logo

A platform-level design customization applied to Message notifications, the navigation bar, and app icons. Set an organization-exclusive logo (JPG, JPEG, GIF, PNG, or SVG files under 1 MB are supported). The replaced logo appears on **the icon in the browser's top tab and the message Card Profile Photo of DingTalk App Work Notifications**.

| **Icon in the browser's top tab** | **Message Card Profile Photo for DingTalk App Work Notifications**                                                                                                                        |
| --------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|                                   | <br />Only adapted for Approval quick Chats to replace the organization logo. Page quick Chats, integration & automation message nodes, and process reminder Cards are not yet supported. |

### 2. Custom Form Styles

Configure text styles such as Font Size on both sides of the Form, along with the Layout arrangement mode. App Forms support Layout and style adjustments on both PC and mobile, and also support Preview of the applied effects.

The Page layer now supports PC and mobile Layout and Component style configuration, including Component size, Title position, Title width, Title font weight, background color, and other Attributes. Page-level design customization styles inherit the Attributes from platform-level design customization by default. Once adjusted, they apply only to that specific Page. Form Pages created from a Page Template or imported from Excel do not currently support inheriting platform-level Component Attribute settings.

| **Mobile configuration** | **PC configuration** |
| ------------------------ | -------------------- |
|                          |                      |

Design customization Preview effects:

| **Mobile configuration** | **PC configuration** |
| ------------------------ | -------------------- |
|                          |                      |
|                          |                      |

For Form Page Types, a custom banner header feature is now supported, allowing the use of recommended Images or custom uploaded Images.

| **Mobile configuration** | **PC effect** |
| ------------------------ | ------------- |
|                          |               |

### 3. Custom Font Size Styles

The mobile side supports adjusting the Font Size of the **current Page**. Tap More, then turn On the "Adjust Font Size" Settings Button, which is linked to DingTalk's 6-level Font Size toggle. Drag the slider to Select an appropriate Font Size. The "bottom Action Buttons, subforms, user, and other Components within the Form" then take effect in real time.

### 4. Custom Detail Page Styles

Layout style: To fit different business scenarios, in addition to the existing top-bottom Layout of the detail page, dedicated design adds a **left-right Layout**. Approval Progress is displayed more intuitively, improving the display efficiency of the Approval flow.

| Configuration effect                                                                                                                                                    | Runtime effect |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
| 1. Uniformly set the **default style** of Form detail pages across all apps on the platform side.<br /><br />2. Flexibly adjust it a second time in app Settings.<br /> |                |