web

Front-End Web Development

Flowsheet

Wireframes and Mockups

Wireframes

Mockups: Login, Forgot Password, Reset Password

Design System of Mockups

• Color Palette
  • primary: #0B3C5D (dark blue)
  • secondary: #328CC1 (light blue)
  • tertiary: #D9B310 (yellow)
  • accent: #1D2731 (almost black)
• Font Sizing
  • h1: 3.375em
  • h2: 2.813em
  • h3: 2.25em
  • h4: 1.875em
  • h5: 1.50em
  • h6: 1.25em
• Font Family
  • h1-h6: Proza Libre
  • p: Open Sans