552726 - Replace existing mobile download page with new design

Status: VERIFIED DUPLICATE of bug 551757

(www.mozilla.org :: General, defect)

Description

[Caitlin Looney]

Attachment: Download_portrait

I have created new mobile Downloads page to replace the existing. I will attach the psd. Rodrigo, the designer, has made recommendations around the CSS to optimize the page for mobile viewing, navigation and readability.

The color/font sizes/ images indications are all in the PSD files. You may want to modify ones on your code. Here you have my recommendations for all pages (CSS):

1- Download.

Justify logo and mozilla tab to left and right of the screen. Adjust the copy on the width. 


Fonts: Use PSD to replicate font size in pixels or points. The N900 is a high res screen so if working in pixels double the size for an optimal resolution.

Link areas: Create a link area background color (#b5d7e0) when the user selects the light blue boxes (featured content) or under links. 

Spacing: Adjust spacing on page width.

Comment 1

[Caitlin Looney]

Attachment: Download_landscape

Comment 3

[Stephen Donner [:stephend] Not actively reading bugmail]

Verified duplicate.