Colors
Snippets 

	<!-- Note . Start -->
	<div class="note">
		<p>
			<span class="string pt">content</span>
		</p>
	</div>
	<!-- Note . End -->
Contexts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_arrow nc_blue ni_blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_asterisk nc_grey ni_grey

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_danger nc_red ni_red

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_info nc_blue ni_blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_invalid nc_red ni_red

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_legal nc_blue ni_blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_location nc_orange ni_orange

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_orientation nc_blue ni_blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_repeat nc_green ni_green

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_valid nc_green ni_green

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_voice nc_blue ni_blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras placerat lobortis placerat. 

note outline ni_warning nc_red ni_red
Sizes

Sempre que detetar alguma situação que não consiga resolver prontamente (exemplo: desobstrução de uma saída de emergência) informar de imediato o Departamento de EHS 

ns_large

Sempre que detetar alguma situação que não consiga resolver prontamente (exemplo: desobstrução de uma saída de emergência) informar de imediato o Departamento de EHS 

ns_small
Styles . Outlined

Outline Default 

nc_default

Outline Primary 

nc_primary

Outline Secondary 

nc_secondary

Outline Red 

nc_red

Outline Green 

nc_green

Outline Blue 

nc_blue

Outline Orange 

nc_orange

Outline Yellow 

nc_yellow

Outline Grey 

nc_grey

Outline Black 

nc_black

Outline White 

nc_white

Outline Red Dark 

nc_red_dark

Outline Green Dark 

nc_green_dark

Outline Blue Dark 

nc_blue_dark

Outline Orange Dark 

nc_orange_dark

Outline Yellow Dark 

nc_yellow_dark

Outline Grey Dark 

nc_grey_dark

Outline Black Dark 

nc_black_dark

Outline White Dark 

nc_white_dark

Outline Red Medium 

nc_red_medium

Outline Green Medium 

nc_green_medium

Outline Blue Medium 

nc_blue_medium

Outline Orange Medium 

nc_orange_medium

Outline Yellow Medium 

nc_yellow_medium

Outline Grey Medium 

nc_grey_medium

Outline Black Medium 

nc_black_medium

Outline White Medium 

nc_white_medium

Red Light 

nc_red_light

Green Light 

nc_green_light

Blue Light 

nc_blue_light

Orange Light 

nc_orange_light

Yellow Light 

nc_yellow_light

Grey Light 

nc_grey_light

Black Light 

nc_black_light

White Light 

nc_white_light
Styles . Filled

Filled Default 

nc_default

Filled Primary 

nc_primary

Filled Secondary 

nc_secondary

Outline Red 

nc_red

Filled Green 

nc_green

Filled Blue 

nc_blue

Filled Orange 

nc_orange

Filled Yellow 

nc_yellow

Filled Grey 

nc_grey

Filled Black 

nc_black

Filled White 

nc_white

Filled Red Dark 

nc_red_dark

Filled Green Dark 

nc_green_dark

Filled Blue Dark 

nc_blue_dark

Filled Orange Dark 

nc_orange_dark

Filled Yellow Dark 

nc_yellow_dark

Filled Grey Dark 

nc_grey_dark

Filled Black Dark 

nc_black_dark

Filled White Dark 

nc_white_dark

Filled Red Medium 

nc_red_medium

Filled Green Medium 

nc_green_medium

Filled Blue Medium 

nc_blue_medium

Filled Orange Medium 

nc_orange_medium

Filled Yellow Medium 

nc_yellow_medium

Filled Grey Medium 

nc_grey_medium

Filled Black Medium 

nc_black_medium

Filled White Medium 

nc_white_medium

Red Light 

nc_red_light

Filled Green Light 

nc_green_light

Blue Light 

nc_blue_light

Filled Orange Light 

nc_orange_light

Filled Yellow Light 

nc_yellow_light

Filled Grey Light 

nc_grey_light

Filled Black Light 

nc_black_light

Filled White Light 

nc_white_light
Symbols

Arrow 

ni_arrow

Asterisk 

ni_asterisk

Danger 

ni_danger

Info 

ni_info

Invalid 

ni_invalid

Legal 

ni_legal

Location Location Location 

ni_location

Orientation Orientation Orientation 

ni_orientation

Repeat Repeat Repeat 

ni_repeat

Valid Valid Valid 

ni_valid

Voice Voice Voice 

ni_voice

Warning Warning Warning 

ni_warning
Symbols . Colors

Default 

ni_default

Primary 

ni_primary

Secondary 

ni_secondary

Red 

ni_red

Green 

ni_green

Blue 

ni_blue

Orange 

ni_orange

Yellow 

ni_yellow

Grey 

ni_grey

Black 

ni_black

White 

ni_white

Red Dark 

ni_red_dark

Green Dark 

ni_green_dark

Blue Dark 

ni_blue_dark

Orange Dark 

ni_orange_dark

Yellow Dark 

ni_yellow_dark

Grey Dark 

ni_grey_dark

Black Dark 

ni_black_dark

White Dark 

ni_white_dark

Red Medium 

ni_red_medium

Green Medium 

ni_green_medium

Blue Medium 

ni_blue_medium

Orange Medium 

ni_orange_medium

Yellow Medium 

ni_yellow_medium

Grey Medium 

ni_grey_medium

Black Medium 

ni_black_medium

White Medium 

ni_white_medium

Red Light 

ni_red_light

Green Light 

ni_green_light

Blue Light 

ni_blue_light

Orange Light 

ni_orange_light

Yellow Light 

ni_yellow_light

Grey Light 

ni_grey_light

Black Light 

ni_black_light

White Light 

ni_white_light