Typography

Headings

H1 - Heading

H2 - Heading

H3 - Heading

H4 - Heading

H5 - Heading

H6 - Heading

subtitle1

subtitle2

Body Text

body1

Default paragraph text used for most of the app.

body2

Slightly smaller paragraph text used for less important information.

Caption TextOverline TextLabel Text

breakpoints: ( xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920 )

spacing: [0, 4, 8, 16, 32, 40, 48, 64]

fontFamily: [Lato, sans-serif]

Palette

primary

main: #F6893D

light: #FFBA6F

dark: #C3581A

contrastText: #000000

secondary

main: F6B93D

light: FFD970

dark: C38B1A

contrastText: 000000

error

main: D32F2F

light: E57373

dark: 9A0007

contrastText: #F6893D

warning

main: FFA726

light: FFD95B

dark: C77800

contrastText: 000000

info

main: 1976D2

light: 63A4FF

dark: 004BA0

contrastText: FFFFFF

success

main: 2E7D32

light: 60AD5E

dark: 005005

contrastText: FFFFFF