Skip to content

Latest commit

 

History

History
42 lines (26 loc) · 1.58 KB

File metadata and controls

42 lines (26 loc) · 1.58 KB

rovercode UI Style Guide

Typography

Font

Lato should be used for header and body text. This is Semantic UI's default.

Font sizing

Default Material UI font sizes should be used.

Line spacing

Default Material UI line spacing should be used.

Name

rovercode and rover should be all lowercase. If an allcaps font style is being used, ROVERCODE and ROVER are ok.

Colors

Color Palette

The palette is shown below. The Coolers page is here. color palette

From left to right, the color roles are:

  • Isabelline (whitish) - primary background / secondary text
  • Fuchsia (purplish) - tertiary color
  • Raisin Black (blackish) - secondary background / primary text
  • Vivid Cerulean (bluish) - secondary color
  • French Fuchsia (pinkish) - primary color

Font colors

Raisin Black text color should be used over Isabelline (white). Over all other colors (whether in a background, banner, or button) Isabelline (white) should be used for the text color.

Buttons

Material UI default theme buttons should be used.

Logo

The official rovercode logo PNG is availabe in black and white (sorry it's not Isabelline -- we'll work on that).