Roboteam - Styleguide for UI Project

RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO

roboteam /Styleguide24.04.2013

'me' icon 'video' icon 'UVA' icon 'soldier' icon


main icons /

Source icons, off position

Source icons, on position - color: green, #00a550width: 2 pix


main icons /

?????

Fill1: 255 , 255 , 255Pattern: Lines

Fill 2 : 44 , 131 , 212 / 44 , 131 , 212 / 41 , 80 , 139Opacity: 100%Gradient: Type: RadialAspect Ratio: 148.1% 44 , 131 , 212: Opacity: 80% Location: 0%44 , 131 , 212: Opacity: 100% Location: 50% 41 , 80 , 139: Opacity: 100% Location: 100%

Left Color:

Stroke:Weight: 2.098 pxColor: 44 , 131 , 212

Icon: 35 , 31 , 32Effect: Drop Shadow

Pin: 44 , 131 , 212

Center Color:

Right Color:

Left circle: 255 , 255 , 255

Center circle: 0 , 173 , 238

Right circle: 253 , 200 , 18

Myriad Pro Regular14 px255 , 255 , 255Effect: Drop Shadow


main icons /

?????

Fill 1: 255 , 255 , 255 / 249 , 249 , 249 / 209 , 209 , 209 / 153 , 153 , 153 / 153 , 153 , 153Opacity: 100%Gradient: Type: LinearAngle: -55

209 , 209 , 209Opacity: 100%Location: 50.98%


153 , 153 , 153Opacity: 100%Location: 100%



255 , 255 , 255Opacity: 100%


main icons /

?????

Fill 1: 255 , 255 , 255 / 249 , 249 , 249 / 209 , 209 , 209 / 153 , 153 , 153 / 153 , 153 , 153Opacity: 100%Gradient: Type: LinearAngle: -55





35 , 31 , 32Opacity: 70%

'telestration' icon 'soldier' icon 'home' icon 'settings' icon


system icons /

System icons, off position

System icons, on position

OK and Cancel buttons, off position

OK and Cancel buttons, on position

red: 161, 4, 4orange: 215, 119, 16angle: 90˚

green: 81, 175, 52green: 130, 211, 68angle: 90˚

red: 145, 5, 5 green: 69, 135, 6

N

REC COM 21

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34


master page / with Back home icon

25 px25 px

25 px25 px

159 px

25 px 25 px

300.5 px

25 px25 px

40 px

Myriad Pro Bold28 px255 , 255 , 255Effect: Drop Shadow

Text:Myriad Pro Regular26 px255 , 255 , 255

N

REC COM 21

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34


master page / with SettingS icon

25 px25 px

25 px25 px

159 px

25 px 25 px

300.5 px

25 px25 px

40 px

Myriad Pro Bold28 px255 , 255 , 255Effect: Drop Shadow

Text:Myriad Pro Regular26 px255 , 255 , 255

REC COM 21

Team Al_Select group color


group creation screen / colorS

Text on text field.Font: Myriad Pro, 48 pxcolor: 35, 31, 32

Font: Myriad Pro, 25 pxcolor: 35, 31, 32

390 px

22 px32 px

125 px


group creation screen / colorS

Colors for 'Group screen'color: green, #00a550width: 2 px

gray: 152, 162, 152white: 255, 255, 255angle: 90˚

red: 255, 0, 0orange: 247, 146, 3angle: 90˚

red: 225, 0, 25green: 0, 96, 27angle: 90˚

blue: 28, 63, 122blue: 61, 133, 237angle: 90˚

green: 22, 123, 19green: 16, 202, 86angle: 90˚

purple: 94, 31, 180purple: 172, 41, 233angle: 90˚

N

REC COM 21

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34

New Contact / GroupNew Contact / Group

YKKY64465YKKY64465

YKKY64465YKKY64465

YKKY64465YKKY64465

YKKY64465YKKY64465

YKKY64465YKKY64465

YKKY64465YKKY64465

YKKY64465YKKY64465


members /

511 px

130 px 130 px

67 px

80 px 80 px

2 px

25 px


Fill1: 35 , 31 , 32Gradient: 255 , 255 , 255 / 35 , 31 , 32Angle: -90

members /

80 px

511 px


members button /

Members icons, on position

Fill4: 35 , 31 , 32Opacity: 30%

Fill1: 194 , 195 , 197Opacity: 70%

Fill2: 255 , 255 , 255Opacity: 60%Gradient:Type: LinearOpacity: 70% Location: 98%

Fill3: 35 , 31 , 32Opacity: 40%Gradient: Type: Linear255 , 255 , 255 : Opacity: 50% Location: 55% 35 , 31 , 32 : Opacity: 100% Location: 55%

Left Color:

Center Color:

Right Color:

Myriad Pro Regular31 pt255 , 255 , 255Effect: Drop Shadow


members button /

Members icons, Selected Sourse

Fill3: 252 , 147 , 21Opacity: 100%

Fill1: 253 , 200 , 18 / 253 , 210 , 18 / 253 , 200 , 18Opacity: 60%Gradient: Type: Radial253 , 200 , 18: Opacity: 70% Location: 0% 253 , 210 , 18: Opacity: 100% Location: 50% 253 , 200 , 18: Opacity: 100% Location: 100%

Fill2: 253 , 200 , 18 / 253 , 210 , 18 / 253 , 200 , 18Opy: 100%Gradient: Type: Linear253 , 200 , 18: Opacity: 80% Location: 0% 253 , 210 , 18: Opacity: 100% Location: 49% 253 , 200 , 18: Opacity: 0% Location: 53%

Left Color:

Center Color:

Right Color:

N

REC COM 21

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34

GTS12TK34

FriendsFriends

TerrainTerrain

I.S.I.S.

EnemyEnemy

NewNew


telestration /

25 px

213 px

46 px

80 px

67 px67 px

2 px

25 px

130 px

40°26’47’’N 079°58’36’’W40°26’47’’N 079°58’36’’W

REC COM 21


Video /


55 px

55 px

640 px

52.5 px

400 px

25 px

25 px

25 px

25 px25 px

25 px

25 px


slider /

Slider base

Slider button off

Slider button on

REC COM 21

NewNew ReceivedReceived SizeSize SubjectSubject CoordinateCoordinate SearchSearch

Ipsum controlles estas de level de papas?

40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34


40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34

SendSend

RGRRGR SPOT...SPOT...

!!

New...New...@PLY@PLY ACE...ACE...New...New...@VDO@VDO SSE...SSE...New...New...

New...New... New...New...

returnreturnKBRDKBRD

!!KJPTKJPT



ppm keyboard /

25 px

187 px

25 px

80 px 80 px

80 px 80 px

60 px

187 px

345 px

345 px

54 px

20 px

10 px

10 px

10 px

1116 px

103 px

REC COM 21



40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34


40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34

SendSend

RGRRGR SPOT...SPOT...

!!

New...New...@PLY@PLY ACE...ACE...New...New...@VDO@VDO SSE...SSE...New...New...

New...New... New...New...

returnreturnKBRDKBRD

!!KJPTKJPT


ppm keyboard /


1010 PX

103 px

50 PX

332 PX

757 px

757 px

98 px

25 px

80 px

80 px

REC COM 21



40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34

Ipsum controlles estas de level depapas?. Lorem ipsum Robo enema de laspapas introgalactic superdome.

40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34

GTS12TK34GTS12TK34 Ipsum controlles estas de level de papas?

40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34 Ipsum controlles estas de level de papas?

40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

SendSend


chat /

Myriad Pro Regular23 px35 , 31 , 32


1010 PX

50 PX

98 px57 PX

80 px

REC COM 21



40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34


40˚26'47"N 079˚58'47"W (14:45) 40˚26'47"N 079˚58'47"W (14:45)

GTS12TK34GTS12TK34

.?123.?123

PPOOIIUUYYTTRREEWWQQKKJJHHGGFFDDSSAA LL returnreturn

PPM/PCRPPM/PCR ,,MMNNBBVVCCXXZZ ..::// --spacespace !!

SendSend


chat keyboard /


25 px

187 px

25 px

60 px

187 px

345 px

345 px

54 px

20 px

10 px

10 px

10 px

25 px1116 px

103 px

80 px

80 px

REC COM 21

Team Al_Select group color

.?123.?123

PPOOIIUUYYTTRREEWWQQKKJJHHGGFFDDSSAA LL returnreturn

PPM/PCRPPM/PCR ,,MMNNBBVVCCXXZZ ..::// --spacespace !!

SendSend


main icons /

Text on text field.Font: Myriad Pro, 48 pxcolor: 35, 31, 32

Font: Myriad Pro, 25 pxcolor: 35, 31, 32 1010 PX

1010 PX

1119 PX

50 PX

98 px

103 px

25 px

25 px

25 px

80 px

80 px


main icons /

87px

87px

83px

83px

39px

112px

48px 41px

39px

24px

Vertical 29px

Stroke: 2 pt 44 , 131 , 212Opacity: 100%

Fill: GradientAspect Ratio: 148%

Left: 58 , 129, 195Opacity: 80%

Center: 58 , 129, 195Opacity: 100%Location: 50%

Right: 43 , 81, 140Opacity: 100%

Circle size: 87px x 83px

Point: move down 29px

Circle size: 9px x 9px

Circle Space: 4px

Myriad Pro Regular14px


main icons /

138px

28px

Fill: GradientType: RadialAspect Ratio: 24%

Left: 47 , 42, 43Opacity: 89%Location: 4%

Right: 35 , 31, 32Opacity: 0%Location: 76%

Shadow size: 138px x 83px

35px 29px 26px

32px


icon / nodeS

icon / control panel and contact


icon / contactS


icon / contactS

icon / chat


icon /teleStration


icon / SYmBolS

icon / map


icon / normal keYBoard


icon / ppm-pcr keYBoard


icon / Video chat

Roboteam - Styleguide for UI Project

Spiritual

Transcript of Roboteam - Styleguide for UI Project