typography & spacing changes

[mkhandekar]

This pull request includes adjustments including:

• smaller hero text
• added spacing below hero text
• smaller & lighter footer text
• updated favicon

Help needed: Generally this is the spacing I'm looking for between 1) box border & top of logo, and 2) bottom box border and top of "we're currently upgrading". When I resize the browser window, this spacing reduces, and I don't quite know how to retain similar (or at least proportional) spacing on smaller screen sizes. Any ideas @adelevie & @juliaelman?

Target:

Regular / desktop:

Smaller sizes / responsive

[juliaelman]

@mkhandekar thanks for the pull request! :+1:

Just to confirm, the changes made in this pull request are to adjust the sizing to spec on larger screen sizes - correct?

[mkhandekar]

@juliaelman That's right, adjustments were made for larger screen sizes.

[juliaelman]

@mkhandekar great! I just pushed up some fixes for your review and hope that fixes the spacing issues on smaller screen sizes.

@adelevie once approved, I can merge these changes into the starter branch and I think we should be good to go?

[adelevie]

Yep, @juliaelman. Last piece will be the email form. I am planning to add this myself later today, unless this is something either you or @mkhandekar wants to add.

[juliaelman]

@adelevie ah, ok! I was wondering what we were doing about that, based on the original design. Happy to add it to this PR shortly.

[juliaelman]

@adelevie @mkhandekar added the input field + submit button + their responsive behavior! :tada:

2 looks like it syncs up with this work.

[adelevie]

This all looks fantastic. Excellent work @mkhandekar and @juliaelman!

[adelevie]

[adelevie]

[adelevie]

Latest commit fixes the previous two accessibility issues.