Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Adobe AIR Development

Reply
Developer
Posts: 225
Registered: ‎03-14-2012
My Device: PlayBook 2.0
My Carrier: AT&T

BlackBerry 10 ui graphic assets

Hi,

 

Where can I download the BlackBerry 10 ui graphics? (Such as the Icons, colors and tabs for the navigation)

 

Thank you

Vibes

Developer
Posts: 6,541
Registered: ‎10-27-2010
My Device: HTC One, PlayBook, LE Z10, DE Q10
My Carrier: Verizon

Re: BlackBerry 10 ui graphic assets

Developer
Posts: 1,107
Registered: ‎12-29-2010
My Device: PlayBook, Z10 LE, Dev Alpha C

Re: BlackBerry 10 ui graphic assets

See also the ones from BlackBerry, here:  https://developer.blackberry.com/design/bb10/

Developer
Posts: 225
Registered: ‎03-14-2012
My Device: PlayBook 2.0
My Carrier: AT&T

Re: BlackBerry 10 ui graphic assets

Is there a vector kit available for the navigation elements? 

Developer
Posts: 6,541
Registered: ‎10-27-2010
My Device: HTC One, PlayBook, LE Z10, DE Q10
My Carrier: Verizon

Re: BlackBerry 10 ui graphic assets

Liz Myers released an EPS/AI version of the icons at one time. You will need to tough base with her.
Developer
Posts: 1,107
Registered: ‎12-29-2010
My Device: PlayBook, Z10 LE, Dev Alpha C

Re: BlackBerry 10 ui graphic assets

[ Edited ]

For folks who use Gimp and/or Inkscape:

 

Here's my Gimp palette file for the UI design guideline colors.  The "_pxx" at

the end of each color swatch's name refers to the page of the UI guidelines doc

where that color's usage is described.

 

I leave it as an exercise for the reader to type "how to import Gimp color palettes"

and "how to import Gimp color palettes into Inkscape" into a Google search.

 

GIMP Palette
Name: BB10
Columns: 2
#
150 184 0 IconPaletteGreen_p72
204 63 16 IconPaletteRed_p72
0 152 240 IconPaletteBlue_p72
163 13 126 IconPalettePurple_p72
18 18 18 IconPaletteDark1_p72
38 38 38 IconPaletteDark2_p72
248 248 248 IconPaletteWhite_p72
79 79 79 InAppIconLBgTopGrad_p86
54 54 54 InAppIconLBgBotGrad_p86
227 227 227 InAppIconDBgTopGrad_p86
209 209 209 InAppIconDBgBotGrad_p86
60 188 231 InAppIconSelectedTopGrad_p87
1 168 223 InAppIconSelectedBotGrad_p87
0 184 0 ContentIconGreen_p87
230 180 0 ContentIconYellow_p87
214 0 0 ContentIconRed_p87
0 168 223 ContentIconBlue_p87
38 38 38 PrimTextLBg_p92
85 85 85 SecTextLBg_p92
0 115 188 LinkTextLBg_p92
250 250 250 PrimTextDBg_p92
177 177 177 SecTextDBg_p92
0 168 223 LinkTextDBg_p92