Button Style

Icon Size

Please check Icon Sizes section on Design Parameters.

iOS 8x

iOS 8x examples

For more information concerning iOS 8 button icon sizes, padding and placement please go here:
http://aseng-wiki.us.oracle.com/asengwiki/display/ASUsability/Button+-+iOS+8.x

Android 5x

Android 5x examples

For more information concerning Android 5x button icon sizes, padding and placement please go here:
http://aseng-wiki.us.oracle.com/asengwiki/display/ASUsability/Button+-+Android+5.x

Windows 10x

Windows 10x examples

For more information concerning Windows 10x button icon sizes, padding and placement please go here:
http://aseng-wiki.us.oracle.com/asengwiki/display/ASUsability/Button+-+Windows+10.x

Icon Button Styles for Android 5x

Type Default Alert Confirm Light Gray Dark Gray Black Bright Outline Notes
Back Enabled #0572ce #e90a0b #268901 #444345 #5f656e #474747 #c84400 #333333
Back Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
Borderless Enabled #0572ce #e90a0b #268901 #444345 #5f656e #474747 #c84400 #333333
Borderless Selected #FFFFFF #FFFFFF #FFFFFF #444345 #FFFFFF #FFFFFF #FFFFFF #333333
Small Chip #FFFFFF #FFFFFF #FFFFFF #444345 #FFFFFF #FFFFFF #FFFFFF #333333
Large Chip #FFFFFF #FFFFFF #FFFFFF #444345 #FFFFFF #FFFFFF #FFFFFF #333333
Small Bordered #FFFFFF #FFFFFF #FFFFFF #444345 #FFFFFF #FFFFFF #FFFFFF #333333
Medium Bordered #FFFFFF #FFFFFF #FFFFFF #444345 #FFFFFF #FFFFFF #FFFFFF #333333
Large Bordered #FFFFFF #FFFFFF #FFFFFF #444345 #FFFFFF #FFFFFF #FFFFFF #333333
Bottom Sheet Enabled #0572ce N/A N/A N/A N/A N/A N/A N/A
Bottom Sheet Selected #0572ce N/A N/A N/A N/A N/A N/A N/A

Icon Button Styles for iOS 8x

Type Default Confirm Alert Highlight Black Bright White Outline Notes
Back Enabled #0572ce #168100 #e40007 #6c57e3 #000000 #c84400 #FFFFFF #333333
Back Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Borderless Enabled #0572ce #168100 #e40007 #6c57e3 #000000 #c84400 #FFFFFF #333333
Borderless Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Small Chip Enabled #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #333333
Small Chip Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Large Chip Enabled #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #333333
Large Chip Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Small Bordered Enabled #0572ce #168100 #e40007 #6c57e3 #000000 #c84400 #FFFFFF #333333
Small Bordered Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Medium Bordered Enabled #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #333333
Medium Bordered Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Large Bordered Enabled #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #333333
Large Bordered Selected #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #000000 #FFFFFF
Action Sheet Enabled #0572ce #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #333333
Action Sheet Selected #0572ce #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF