Logo Customization Guidelines and Deployment Methods

This document describes the logo customization guidelines and deployment methods for Quanmiao Software as a Service (SaaS) products.

Customizable Logo Areas

You can customize your company's logo on the logon page and menu bar.

1. Logo container element specifications:

   1. The logo container element on the logon page has no special requirements.
   

2. Menu bar logo container element: The logo must be horizontally aligned to the left and vertically centered. The logo's height must fill the container.

   1. Container dimensions:

      1. When no product switch button is displayed, the container is 190 px wide and 32 px high.

3. When you integrate multiple Quanmiao products, such as Miaobi, Miaosou, and Miaocè, the product switch button is displayed. In this case, the logo container is 140 px wide and 32 px high.

4. Tab page logo (customization is supported only for private deployments): The logo must be 32 × 32 px with a transparent background.

   

Design Guidelines

1. Content guidelines: Use a transparent background. Combine text and graphics into a single image.
2. Size guidelines: Design your logo based on the container dimensions and the provided examples. For best results, use a 2× resolution and maintain the aspect ratio of the logo container element.

Examples

• Example 1: The aspect ratio is 140:32 (with no top or bottom padding). The result is shown below:
• Example 2 (The original Miaobi logo): The logo image is 134 × 32 px. The image includes 6 px of padding above and below the content, which makes the actual content height 20 px. The result is shown below:

Deployment Method

You can design and deploy your logo using the iframe embedding solution. The system generates a dedicated public cloud iframe access URL for you to complete the customization.