Diecut and Expansion View

Overview

Deep Blue White Ratio

Deep Blue White Ratio Setting Steps

Deep Blue White Ratio (Conventional)

Deep Blue Ratio (Vertical)

Deep Blue Ratio (Horizontal)

Information Layout

Information Overview

Information Layout (Front & Back)

Information Layout (Left)

Information Layout (Right)

Information Layout (Top)

Font and Language

Font Specifications

Multilingual Font Specifications

Multilingual Application

Color Composition

Brand Assets & Icons

Image Specifications

Product Image Rendering

Out of Bounds Effect

Selling Point Image Rendering

Diecut and Expansion View

Steam Oven Example

Mobile Air Conditioner Example

Bladeless Fan Example

Basic Layout (Conventional)

Basic Layout Setup Steps

Step 1: Setup Deep Blue White Visual Design

Step 2: Define the Safe Area

Step 3: Position the Brandmark

Step 4: Lay out Brand Assets & Icons

Step 5: Frame the Front/Back Information

Step 6: Frame the Side Information Area

Basic Layout (Vertical)

Basic Layout Setup Steps

Step 1: Setup Deep Blue White Visual Design

Step 2: Define the Safe Area

Step 3: Position the Brandmark

Step 4: Lay out Brand Assets & Icons

Step 5: Frame the Front/Back Information

Step 6: Frame the Side Information Area

Steam Oven Example

Mobile Air Conditioner Example

Bladeless Fan Example