JitCoin-Design-Guidelines

(This design will be based on Material)

Colors

Primary Color Ramp

• 900 #c60019
• 800 #d40b27
• 700 #e1192e
• 600 #f32735
• 500 #ff3235
• 400 #fc4a51
• 300 #f06f74
• 200 #f7989b
• 100 #ffccd3
• 50 #ffebef

Interaction Colors

• Hover Element - #eeeeee
• Active Element - #bdbdbd
• Default Button - 600 #f32735
• Hover Button - 400 #fc4a51
• Active Button - 800 #d40b27

Element Borders

• Shadow (Cards, Sidebar) - box-shadow: 2px 4px 10px rgba(0,0,0,.2);
• Border (Insets, Dividers) - 1px solid rgba(0,0,0,.12);

Text

• Body Text #24292e
• Header Text - #392a00
• Accent Text - #1976D2

jit Logo:

• Main Text - #392a00
• Phonetic Text - #ff4d4d
• GIT Diamond - #f3273