Design!

[lloyd]

This dialog is going to be something mozillians are going to see every day. We should make it beautiful. Maybe the fox unleashed?

[ozten]

A rough sketch of Wide

and Narrow

[mostlygeek]

those are beautiful!!

[mostlygeek]

how are you planning on implementing the image over the form for the fox? Do it with floating png for the layer that goes on top?

Looking forward to seeing it swap w/ a responsive layout! :)

[lloyd]

:heart:

[lloyd]

@ozten will u have time to implement this design?

-- lloyd (thumb-typing)

On Apr 23, 2013, at 3:07 PM, Austin King notifications@github.com wrote:

A rough sketch

— Reply to this email directly or view it on GitHub.

[ozten]

@mostlygeek - Ya was thinking seperate .pngs

@lloyd - Ya, I'll do the CSS.

[zaach]

Oooh, these are pretty.

[chuckharmston]

:heart:

[lloyd]

Mocks from smartell have arrived. First is the default view.

[lloyd]

Alternate default:

[lloyd]

how to surface errors:

[lloyd]

Remaining work:

• [x] Get a better logo asset
• [x] Fix the vertical sqeeze - adapt this design to the constraints of our dialog
• [x] implement error tooltip
• [x] Fix the responsive / mobile styling
• [x] Font weight closer to the mock
• [x] Make the email field immutable
• [x] Focus the password field
• [x] remove vertical scroll
• [ ] Make the 404 page less frightening

[lloyd]

current state:

[lloyd]

After @shane-tomlinson got his hands on it: (:heart:)

[lloyd]

tooltip styling:

[lloyd]

given the only issue left is 404 page styling, I'm closing down this issue and opening a new distinct issue for that one remaining item.. Awesomesauce.