WeChat small program design specification (5) visual specification

V. Visual specifications

1. Font specification

The use of fonts in WeChat is consistent with the operating system fonts, with common font sizes of 20, 18, 17, 16, 14, 13, 11 (pt), as follows:

The font color

The main content Black black, secondary content Grey gray, timestamp and form default Light gray, large section of the description content and belong to the main content with Semi black;

Blue is the color of the link, green is the color of the finished word, and red is the color of error Press and Display state is reduced by 20% and 10%, respectively.

2. List visual specification

3. Form input visual specification

4. Button use principle

5. Icon use principle

Download

To make it easier for designers to design, WeChat provides a basic control library for Web design and small programs, as well as resources for developers to call.

• WeUI_sketch component library

  Download

• WeUI_PS component library

  Download

• Small program flag

  Download

Preview address: https://weui.io