Nets Design logo and other specific symbols

Buttons

They may display text, imagery, or both. Flat buttons and raised buttons are the most commonly used types.

Raised

Raised buttons add dimension to mostly flat layouts. They emphasize functions on busy or wide spaces.

Nets buttons image
Regular
Nets buttons image
Pressed
Nets buttons image
Disabled
Nets buttons image
Alt - Regular
Nets buttons image
Alt - Pressed
Nets buttons image
Alt - Disabled
Nets buttons image
With Icon - Regular
Nets buttons image
With Icon - Pressed
Nets buttons image
With Icon - Disabled

Flat

Flat buttons are printed on material. They do not lift, but fill with color on press. Primarily for use in toolbars, dialogues & inline.

Nets buttons image
Regular
Nets buttons image
Pressed
Nets buttons image
Disabled
Nets buttons image
Alt - Regular
Nets buttons image
Alt - Pressed
Nets buttons image
Alt - Disabled
Nets buttons image
With Icon - Regular
Nets buttons image
With Icon - Pressed
Nets buttons image
With Icon - Disabled
Nets buttons image
With Icon Alt - Regular
Nets buttons image
With Icon Alt - Pressed
Nets buttons image
With Icon Alt - Disabled

Floating action button

Use 1 floating action button per screen to represent the primary action. In some cases pressing it can also reveal further sub-options that are related to that primary.
Use as an overflow menu within the app is not allowed - other navigational patterns should be used if that is desired.

Nets buttons image
Regular
Nets buttons image
Pressed
Nets buttons image
Expanded (not always necessary)