Skip to main content

Buttons

Primary/Secondary Buttons

Two sizes, driven from Bootstrap’s ‘standard’ and small sizes. For now, no rollover states. Button size represents hierarchy, and either size can appear on any size device.

Button height, type size, and padding use Bootstrap’s spec. We substitute Roboto Medium, generally styled with title case or in all caps.

Colors inherited from Primary Color and Link color in Site Setup. Default orange is #d7801f (Brandwise BW Orange). Grays are always #333333 (Gandalf ) outline/text, #d1d3d4 (Dorian) fill

Single Dropdown Buttons

Two sizes, driven from Bootstrap’s ‘standard’ and small sizes. For now, no rollover states. Button size represents hierarchy, and either size can appear on any size device.

Button height, type size, and padding use Bootstrap’s spec. We substitute Roboto Medium, generally styled with title case or in all caps.

Colors inherited from Primary Color and Link color in Site Setup. Default blue is #d7801f (BW Orange aka Kenny). Grays are always #333333 (Gandalf ) outline/text, #d1d3d4 (Dorian) fill.

Text Buttons

We may use small text buttons for simple navigation in tight spaces. Think browsing images in product cards. I will write a type spec for these. Color is Primary Color. All caps