Design guide v1.0 of Azure.cn

The guide was written in late 2016. The purpose was to define all the basic elements on Azure.cn, – such as logo, fonts, colors, structure, grid and icons.

Logo

acn_design_guidelines_201611_05
acn_design_guidelines_201611_08

Typography

acn_design_guidelines_201611_13
acn_design_guidelines_201611_14
acn_design_guidelines_201611_17

Color

acn_design_guidelines_201611_19
acn_design_guidelines_201611_21
acn_design_guidelines_201611_22
acn_design_guidelines_201611_26

Structure

acn_design_guidelines_201611_28
acn_design_guidelines_201611_29

Grid

acn_design_guidelines_201611_33
acn_design_guidelines_201611_34

Responsive

acn_design_guidelines_201611_36
acn_design_guidelines_201611_37

Icons and client logos

acn_design_guidelines_201611_页面_45

Topology

acn_design_guidelines_201611_页面_49

Illustration in guide

coming-soon-illustration

See all details →

Besides the guidelines, a visual element library was also built since a lot of elements were reused. It is convenient for designers to keep consistency, share resources and improve productivity. Below was the IA proposal for the library.

221531881603_.pic_hd