872747 - [Style Guide] Background Guidelines for Firefox OS product page

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, defect, P3)

Description

[Eric Pang [:epang] UX]

Hi,

Here is the PSD for the background guidelines (04. Backgrounds)

I will follow up with the attachment for the download section.

Also, note that the Example images are not final (I've marked them with 'fpo').  I will attach the final images when are ready.

Let me or Victoria know if you have any questions.

Thanks!
Eric

Comment 1

[Eric Pang [:epang] UX]

PSD was too large, you can find the PSD here on dropbox :)
https://www.dropbox.com/s/77505i6kt70s8ol/MozillaFXOS_BackgroundSpec_V1_20130515.psd

Comment 2

[Eric Pang [:epang] UX]

Link for the Firefox OS Stencil PSD:
https://www.dropbox.com/s/vw1dl1kw3tpp8pn/CommonControls_20130305.psd

Comment 3

[Eric Pang [:epang] UX]

(In reply to Eric Pang [:epang] from comment #2)
> Link for the Firefox OS Stencil PSD:
> https://www.dropbox.com/s/vw1dl1kw3tpp8pn/CommonControls_20130305.psd

Sorry, please use this link for the Firefox OS Stencil PSD instead of the dropbox link:
https://github.com/buildingfirefoxos/UI-Components/archive/master.zip

Thanks!

Comment 4

[Eric Pang [:epang] UX]

(In reply to Eric Pang [:epang] from comment #3)
> (In reply to Eric Pang [:epang] from comment #2)
> > Link for the Firefox OS Stencil PSD:
> > https://www.dropbox.com/s/vw1dl1kw3tpp8pn/CommonControls_20130305.psd
> 
> Sorry, please use this link for the Firefox OS Stencil PSD instead of the
> dropbox link:
> https://github.com/buildingfirefoxos/UI-Components/archive/master.zip
> 
> Thanks!

Sorry, but another change to the location of the Firefox OS Stencil PSD.  Please use this box link (we've been re-organizing our files): 
https://mozilla.box.com/s/azgbm4p19hjnaa3zuk0b

Comment 5

[Eric Pang [:epang] UX]

Because of file name changes some of the dropbox links are breaking.  So to be safe here's a link to the folder that contains all the guideline psds:

https://www.dropbox.com/sh/hj2af3ig1r16sre/yXkGA1nw6Q

Comment 6

[Victoria Gerchinhoren [:vicky]]

Implementation feedback:
Title should have Title Case: Firefox OS App Backgrounds

Comment 7

[Eric Pang [:epang] UX]

Here's my feedback:

Under Usage Examples: 
- Change “Comminication app. Call log (Light App) to two lines
Communication app.
Call log (Light app)

- Change “Music. Album list (Dark app) to two lines and remove period
Music
Album list (Dark app)

Download:
- Can we change to download section to match the action icon page?
- https://www-demo3.allizom.org/en-US/styleguide/products/firefoxos/actionicons/
Download <--- new heading
You can download the Firefox OS Stencil PSD here. (with “here” as the link)

Thanks!

Comment 8

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/ffaf6149ece2535a630b7be2e1736d0f137689a4
Add visual design guidelines for Firefox OS
Bugs 870998 872747 8873482 872747 884424 863160

https://github.com/mozilla/bedrock/commit/ffaf6149ece2535a630b7be2e1736d0f137689a4
Add visual design guidelines for Firefox OS
Bugs 870998 872747 8873482 872747 884424 863160

Comment 9

[Steven Garrity [:sgarrity]]

This is now in master and will be pushed into production soon.

Comment 10

[raymond [:retornam] (inactive)]

fixed on stage