Ztudio

F RIENDS

Preface

Visual Identity System (VIS) is an integral part of our Corporate Identity System, communicating Ztudio Friends’s personality, culture, values and principles. This VIS manual is an extension of our Brand, and comprises of our Brand's basic elements and applications. This guide serves as a standard for all departments to maintain a consistent overall brand image.

Note: Please strictly abide by the guidelines set forth in this manual for brand asset creation before execution and production.

This section consists of logos, standard English fonts, colors and other elements. All designs must include the use of these basic elements to express and communnicate the Ztudio Friends’s brand clearly. Please strictly abide by the use of this manual's specifications.

Basic Elements

F RIENDS

Basic System/ 1.1 Our Brand Marque

F RIENDS

Ztudio with slash Z type and gap O type: The slash Z type means our modern thought, in modern age, we all and need a slash life with gap, gap for rest or thinking.

F RIENDS

1.2 Logo Ink draft

Basic System/

1.2 Logo Ink draft

F RIENDS

Basic System/

1.3 Logo Use For Dark Backgrounds

Basic System/

1.4 Logo Standard

F RIENDS

Basic System/ 1.5 Logo Grid

1. The bottom line of the grid drawing is composed of squares of the same size and size, and the mutual relationship between the constituent elements can be clearly identified according to the manner in which the identification body appears in the square area. The unit size of the following table is set to "a"

2. The square of a certain unit grid can be subdivided according to specific needs, and the details of the identification are determined by this method.

F RIENDS

Basic System/

1.6 Logo Rules - Place

The secure space of the logo: In order to make the logo not be confused with other elements in the propagation, the security space around the logo is specified. When this identifier is used alone, the interval from other elements must not be less than the specification. The unit of the specification safety space for the safety space size is set to "a". and varies with the size of the logo.

Basic System/

2.1 English-only Logo

Basic System/

2.2 English-only Logo Grids

F RIENDS

Basic System/ 3.1 Primary Color Palette

F RIENDS

Standard colors are important to communicate our brand look and feel. They underpin the identity and help distinguish the brand.

Solid colour

Gradient colour

Basic System/ 3.2 Secondary Color Palette

Standard colors are important to communicate our brand look and feel. They underpin the identity and help distinguish the brand.

Basic System/ 3.3 Logo ApplicationGrayscale Background

We should ensure there is sufficient clarity of our logo based on the degree of background contrast. Please refer to the chart below to apply the correct logo color scheme. As much as possible, we should always try to choose a colored option for the top icon element.

Light Background

Dark Background

Texture Background

Basic System/ 3.4 Color guide

The standard color is often matched with other colors in practical applications, and the effect of matching the standard color and the color of each color can be referenced from the table below.

Basic System/ 3.5 Color Application And Balance

The standard color is often matched with other colors in practical applications, and the effect of matching the standard color and the color of each color can be referenced from the table below.

Basic System/ 4.1 Secondary Graphic Element-Monogram

Supporting graphic elements are the extension of the brand. They are complementary to logos, standard fonts and colors. They are designed to meet the needs of various promotional media, and can vary with the size of the media, or the size of the layout.

Basic System/ 4.2 Secondary Graphic ElementMonogram(White)

Supporting graphic elements are the extension of the brand. They are complementary to logos, standard fonts and colors. They are designed to meet the needs of various promotional media, and can vary with the size of the media, or the size of the layout.

Rubik

Ztudio Friends

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz!@#$%^&*()_+

Ztudio Light Ztudio Regular Ztudio Bold

Ztudio Friends

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz!@#$%^&*()_+

Work Sans Thin Ztudio Medium Ztudio Bold

Ztudio

Basic System/ 5.1 Typography

Typographic style adds a distinctive element to our brand. Based on both aesthetic and technical considerations, we have identified Comfortaa for use in our applications.

Bold

Comfortaa is the primary typeface used for headlines and subheading, as well as bodycopy, caption and other small text.

Webfont

Noto Sans CJK TC is an alternative webfont for online platforms.

6.1 Logo And Name Combination