Summary of the brand


Tencent Office system is composed of Tencent Document, TIM, cloud file and other office applications.




Design goals







Design keywords

In this brand design, Tencent, office, document, collaboration these four key words are the most core.




Brand logo

1. Design concept

2. Creative process

3. Polish the details

4. Program determination


5. Basic specifications for signs




Brand color

In order to create a professional and reliable brand image of Tencent documents, blue is the main color. Emphasize the use of bright blue color, white matching to make the brand more high-end atmosphere. The main blue, green and rose red are respectively used in the online documents, online forms and online slides of the sub-brands (the slides are not published).







1. Design concept

2. The grain

3. Brand apps



The UI application

1. Office file icon system

Tencent document icon, through the minimalist modeling and bright color, will convey information to users, and present a relaxed office feeling. At the same time, the brand construction of office file ICONS for a systematic unified design, new online and local ICONS will be applied to Tencent documents /TIM/QQ terminals.


2. Sign dynamic effect

Start from the small triangle of the logo into the action effect refresh, highlighting a “page turning” refresh feeling, so as to echo with the whole office scene.

3. Splash screen & Login

4. Illustration – Blank page graphics

A blank page is a scene that indicates that the user is missing, so graphical rendering should not be too strong. Grey stroke is used as a whole, and brand blue embellishment is used to emphasize the content. Blue brings freshness to the gray line and also emphasizes the brand.




Brand launch

Tencent document release conference was held in Beijing on April 18, 2018. The theme of the conference is: Connecting you and me to empower office.

Tencent documents have been released, you are welcome to download and use. Thank you very much!

Tencent official download address:

Docs.qq.com/index.html?…