CSS Style Guides v{{ cssGuideInfo.version }}

Branding Guidelines

FWD has drafted a new branding guideline to all channels in mid 2016. All new materials, including websites, should start to reference and compile with the guideline. For iFWD, we have extracted the relevant information out of the guide.


FWD has a strict guideline for the logo usage. All logos must compile with the clear space and color.

Logo Clear Space

FWD Logos are designed with Clear Spaces. No images or texts can appear in the clear space area.

Logo Minimum Size

Logo is currently with width 200px on iFWD. According to clear space rule, the lgoo should be padded with 26px (height of the letter "F" in image).

Branding Color

Refer to Base > Color.

Base Style

Use containing element to wrap site contents and house grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.


Components are the re-usable building blocks for the page contents.