/web

Front-End Web Development

Primary LanguageJavaScript

web

Front-End Web Development

Flowsheet

Flowsheet v1.0

ReactJS Flowsheet v1.0

ReactJS Mapping Flowsheet v1.0

Wireframes and Mockups

Wireframes

Login Wireframe

Dashboard Wireframe (Generic Layout)

Wireframe - Dashboard

Wireframe - Locations

Wireframe - Users

Wireframe - Mapping

Mockups: Login, Forgot Password, Reset Password

Login Mockup

Forgot Password Mockup

Reset Password Mockup

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