This document provides style guidelines for the RoboTeam user interface, including specifications for icons, buttons, text styles and colors. Key interface elements such as main icons, system icons, and buttons are defined with specifications for dimensions, gradients, strokes, shadows and colors. Screen layouts are also provided for pages such as members, video chat and the PPM keyboard. The styleguide aims to create a consistent and cohesive visual design for the RoboTeam user interface.
6. 'telestration' icon 'soldier' icon 'home' icon 'settings' icon
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
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, 4
orange: 215, 119, 16
angle: 90˚
green: 81, 175, 52
green: 130, 211, 68
angle: 90˚
red: 145, 5, 5 green: 69, 135, 6
7. N
REC COM 21
GTS12
TK34
GTS12
TK34
GTS12
TK34
GTS12
TK34
GTS12
TK34
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
Master page / with Back Home icon
25 px25 px
25 px
25 px
159 px
25 px 25 px
300.5 px
25 px25 px
40 px
Myriad Pro Bold
28 px
255 , 255 , 255
Effect: Drop Shadow
Text:
Myriad Pro Regular
26 px
255 , 255 , 255
17. RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
slider /
Slider base
Slider button off
Slider button on
18. 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
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
SendSend
RGRRGR SPOT...SPOT...
!!
New...New...
@PLY@PLY ACE...ACE...New...New...
@VDO@VDO SSE...SSE...New...New...
New...New... New...New...
returnreturnKBRDKBRD
!!KJPTKJPT
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
Myriad Pro Regular
31 px
255 , 255 , 255
Effect: Drop Shadow
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
19. 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
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
SendSend
RGRRGR SPOT...SPOT...
!!
New...New...
@PLY@PLY ACE...ACE...New...New...
@VDO@VDO SSE...SSE...New...New...
New...New... New...New...
returnreturnKBRDKBRD
!!KJPTKJPT
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
PPM keyboard /
Myriad Pro Regular
18 px
35 , 31 , 32
Effect: Drop Shadow
1010 PX
103 px
50 PX
332 PX
757 px
757 px
98 px
25 px
80 px
80 px
20. 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
Ipsum controlles estas de level de
papas?. Lorem ipsum Robo enema de las
papas 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
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
chat /
Myriad Pro Regular
23 px
35 , 31 , 32
Myriad Pro Regular
18 px
35 , 31 , 32
Effect: Drop Shadow
1010 PX
50 PX
98 px57 PX
80 px
21. 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
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
.?123.?123
PPOOIIUUYYTTRREEWWQQ
KKJJHHGGFFDDSSAA LL returnreturn
PPM/PCRPPM/PCR ,,MMNNBBVVCCXXZZ ..
::// --spacespace !!
SendSend
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
chat keyboard /
Myriad Pro Regular
31 px
255 , 255 , 255
Effect: Drop Shadow
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 px
1116 px
103 px
80 px
80 px
22. REC COM 21
Team Al_
Select group color
.?123.?123
PPOOIIUUYYTTRREEWWQQ
KKJJHHGGFFDDSSAA LL returnreturn
PPM/PCRPPM/PCR ,,MMNNBBVVCCXXZZ ..
::// --spacespace !!
SendSend
RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
main icons /
Text on text field.
Font: Myriad Pro, 48 px
color: 35, 31, 32
Font: Myriad Pro, 25 px
color: 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
23. RoboTeam - Styleguide / 21.04.2013 DESIGN BY STRATIGO
main icons /
87px
87px
83px
83px
39px
112px
48px41px
39px
24px
Vertical 29px
Stroke: 2 pt
44 , 131 , 212
Opacity: 100%
Fill: Gradient
Aspect Ratio: 148%
Left: 58 , 129, 195
Opacity: 80%
Center: 58 , 129, 195
Opacity: 100%
Location: 50%
Right: 43 , 81, 140
Opacity: 100%
Circle size: 87px x 83px
Point: move down 29px
Circle size: 9px x 9px
Circle Space: 4px
Myriad Pro Regular
14px