Overview
Purpose
Inform people about managing thier cybersecurity practices
Audience
The goal is to reach everyone because this is applicable to everyone.
Dynamic elements
I am going to add interactive javascript features that will help people understand how strong thier passwords are. I am going to add a password checker to analyze the input of a password and say how strong it is.
Branding
Website Logo
Style Guide
Color Palette
Palette URL: https://coolors.co/396e94-e7c24f-a43312-381d2a-aabd8c| Primary | Secondary | Accent 1 | Accent 2 |
|---|---|---|---|
| [#525666] | [#7AAA70] | [#F7CB64] | [#E5EAE9] |
Typography
Heading Font: [Janda Mantee]
Paragraph Font: [Open Sans]
Normal paragraph example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Colored paragraph example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Navigation
Content
Home page
Strong passwords are one of the most important parts of staying safe online. Hackers often rely on really simple guessing techniques or leaked password databases to gain access to accounts. If your password is weak, Reaused, or easy to guess, it puts your information at serious risk.
A password should be longe, unique, and difficut to guess. This means avoiding common words, and poersonal information. Instead you should use a mix of uppercase letters, lowercase letters, and special characters.
Password Checker page
As you type a password, the tool will analyze it based on length, complexity, and unpredicatbility. This tool is completely local. No input is stored, saved, or trasnmitted.
Wireframes
Create two wireframes for your site. One for each page and list them here
Home
info page