GUI Spec. Doc1418308769

Track ID: samir|project0|1418308769 Uploaded Date: December 11, 2014, 2:39 pmPublished Date: December 11, 2014, 3:24 pm

Table of ContentOverview

1Design File Overview

2Rendered Image - Resultant Color Palette

3Text & Font Usage Overview

Text Objects4Text: [Text 1]

5Text: [Text 2]

6Text: [Text 3]

7Text: [Text 4]

8Text: [Text 5]

9Text: [Text 6]

10Text: [Text 7]

Shapes & Bitmaps11Shape: [Shape 1]

12Shape: [Shape 2]

13Shape: [Shape 3]

14Shape: [Shape 4]

15Shape: [Shape 5]

16Shape: [Shape 6]

17Shape: [Shape 7]

18Shape: [Shape 8]

19Shape: [Shape 9]

Relative Positioning of Text Objects20Enveloping Shape [Shape 1] for Text [Text 1]

21Enveloping Shape [Shape 1] for Text [Text 2]

22Enveloping Shape [Shape 1] for Text [Text 3]

23Enveloping Shape [Shape 1] for Text [Text 4]

24Enveloping Shape [Shape 3] for Text [Text 5]

25Enveloping Shape [Shape 4] for Text [Text 6]

Design File Overview

File Type: ai File Name: health.ai File Size: 92.37 KB Upload date: December 11, 2014, 2:39 pm Design File Creator: Adobe Illustrator CS6 (Windows)

Creation Date: 08/27/14 18:26:55Last Modified: 08/27/14 18:26:55

AIX Version: 1.5Page Dimension: 1440 x 2560 pxPage Size: 1080 x 1920 ptsFile Size: 92.37 KB

Encryption: noOptimisation: no

Actual Used Color Palette: (HEX)

User Notes:

Page 1/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Rendered Image - Resultant Color Palette

Total Colors Used: 46Total Web-safe Colors Used: 12Web-safe Colors Compatibity: 26%

Most Used Resultant Color Palette: (HEX) #1EC3B3 #FFFFFF #2A4043 #B3B3B3 #808080 #C3EFEA #96E3DC #5BD3C7 #2EC7B8 #F0FBFA

Actual Used Color Palette: (HEX)

The image is only 26% web-safe compatible.

Displaying most used 46 out of total Colors:46

#1EC3B3 #FFFFFF #2A4043 #B3B3B3 #808080 #C3EFEA #96E3DC #5BD3C7#2EC7B8 #F0FBFA #8D999B #6A7677 #79DBD0 #A5E7E1 #D1F3F0 #E1F6F5#4CCFC2 #B4EAE6 #C6CCCD #3DCBBD #384D50 #88DED6 #F1F2F2 #637374#AAABAC #8E9495 #9CA6A7 #AAB3B4 #4F5F61 #46595C #6AD7CC #E3E6E6#556668 #7F8C8E #D4D9D9 #455759 #33484A #737D7F #7B8586 #B8BFC0#989C9D #718082 #E7F9F6 #DBF5F3 #3C4F52 #A1A4A4

Displaying most used 10 out of total Web-safe Colors:12

#33CCCC #FFFFFF #333333 #CCCCCC #999999 #CCFFFF #66CCCC #99CCCC#666666 #336666 #99FFCC

Total Web-Safe Colors in image:12

#33CCCC #FFFFFF #333333 #CCCCCC #999999 #CCFFFF #66CCCC #99CCCC#666666 #336666 #99FFCC #669999

User Notes:

Page 2/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text & Font Usage Overview

Total Text Objects Found: 7Total Embedded Fonts Used: 2Name of Fonts Used:

1. Roboto-Thin2. Roboto-Regular

Total Font Colors Used: 2Name of Font Colors Used:

1. #ffffff2. #2a4043

(Note: The text objects listed are the ones that are not rasterisedand/or not converted into 'shape layers' in the design file provided. )

User Notes:

Page 3/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 1]

Textbox ContentBloodpressure(mmHg)

Textbox Dimesions :Width : 824px (Screen Pixel)Height: 105.33px (Screen Pixel)

Width : 618ptHeight: 79pt

Absolute Position :Left: 308px (Screen Pixel)Top: 888px (Screen Pixel)

Left: 231ptTop: 666pt

Font Formatting :Font Name: Roboto-ThinFont Size: 60 ptFont Style: Font Color: #ffffff

Misc :Textbox Rotation: 0Angle: 0

105.33px

824px

308px 308px

888px

1567px

User Notes:

Page 4/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 2]

Textbox Content110/65

Textbox Dimesions :Width : 424px (Screen Pixel)Height: 173.33px (Screen Pixel)

Width : 318ptHeight: 130pt

Absolute Position :Left: 508px (Screen Pixel)Top: 992px (Screen Pixel)

Left: 381ptTop: 744pt

Font Formatting :Font Name: Roboto-RegularFont Size: 99 ptFont Style: Font Color: #ffffff

Misc :Textbox Rotation: 0Angle: 0

173.33px

424px

508px 508px

992px

1395px

User Notes:

Page 5/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 3]

Textbox ContentWeight(kg)

Textbox Dimesions :Width : 388px (Screen Pixel)Height: 105.33px (Screen Pixel)

Width : 291ptHeight: 79pt

Absolute Position :Left: 525.33px (Screen Pixel)Top: 1882.66px (Screen Pixel)

Left: 394ptTop: 1412pt

Font Formatting :Font Name: roboto-thinFont Size: 60 ptFont Style: Font Color: #ffffff

Misc :Textbox Rotation: 0Angle: 0

105.33px

388px

525px 527px

1882px

573px

User Notes:

Page 6/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 4]

Textbox Content78

Textbox Dimesions :Width : 148px (Screen Pixel)Height: 173.33px (Screen Pixel)

Width : 111ptHeight: 130pt

Absolute Position :Left: 645.33px (Screen Pixel)Top: 1986.66px (Screen Pixel)

Left: 484ptTop: 1490pt

Font Formatting :Font Name: roboto-regularFont Size: 99 ptFont Style: Font Color: #ffffff

Misc :Textbox Rotation: 0Angle: 0

173.33px

148px

645px 647px

1986px

401px

User Notes:

Page 7/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 5]

Textbox ContentPRE-WORKOUT

Textbox Dimesions :Width : 446.66px (Screen Pixel)Height: 84px (Screen Pixel)

Width : 335ptHeight: 63pt

Absolute Position :Left: 42.66px (Screen Pixel)Top: 2393.33px (Screen Pixel)

Left: 32ptTop: 1795pt

Font Formatting :Font Name: roboto-regularFont Size: 48 ptFont Style: Font Color: #2a4043

Misc :Textbox Rotation: 0Angle: 0

84px

446.66px

42px 952px

2393px

83px

User Notes:

Page 8/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 6]

Textbox ContentPOST-WORKOUT

Textbox Dimesions :Width : 481.33px (Screen Pixel)Height: 84px (Screen Pixel)

Width : 361ptHeight: 63pt

Absolute Position :Left: 762.66px (Screen Pixel)Top: 2393.33px (Screen Pixel)

Left: 572ptTop: 1795pt

Font Formatting :Font Name: roboto-regularFont Size: 48 ptFont Style: Font Color: #2a4043

Misc :Textbox Rotation: 0Angle: 0

84px

481.33px

762px 197px

2393px

83px

User Notes:

Page 9/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Text: [Text 7]

Textbox ContentBODYDATA

Textbox Dimesions :Width : 512px (Screen Pixel)Height: 125.33px (Screen Pixel)

Width : 384ptHeight: 94pt

Absolute Position :Left: 886.66px (Screen Pixel)Top: 58.66px (Screen Pixel)

Left: 665ptTop: 44pt

Font Formatting :Font Name: roboto-regularFont Size: 72 ptFont Style: Font Color: #ffffff

Misc :Textbox Rotation: 0Angle: 0

125.33px

512px

886px 42px58px

2377px

User Notes:

Page 10/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 1]

Shape Object

Shape Dimesions :Width : 1440px (Screen Pixel)Height: 2110.66px (Screen Pixel)

Width : 1080ptHeight: 1583pt

Absolute Position :Left: 0px (Screen Pixel)Top: 209.33px (Screen Pixel)

Left: 0ptTop: 156.99pt

Misc :Background Color: #NaNNaNNaN

2110.66px

1440px

0px 0px

209px

241px

User Notes:

Page 11/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 2]

Shape Object

Shape Dimesions :Width : 1440px (Screen Pixel)Height: 209.33px (Screen Pixel)

Width : 1080ptHeight: 156.99pt

Absolute Position :Left: 0px (Screen Pixel)Top: 0px (Screen Pixel)

Left: 0ptTop: 0pt

Misc :Background Color: #NaNNaNNaN

209.33px

1440px

0px 0px0px

2351px

User Notes:

Page 12/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 3]

Shape Object

Shape Dimesions :Width : 720px (Screen Pixel)Height: 240px (Screen Pixel)

Width : 540ptHeight: 180pt

Absolute Position :Left: 0px (Screen Pixel)Top: 2320px (Screen Pixel)

Left: 0ptTop: 1740pt

Misc :Background Color: #NaNNaNNaN

240px

720px

0px 720px

2320px

0px

User Notes:

Page 13/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 4]

Shape Object

Shape Dimesions :Width : 719.99px (Screen Pixel)Height: 240px (Screen Pixel)

Width : 539.99ptHeight: 180pt

Absolute Position :Left: 720px (Screen Pixel)Top: 2320px (Screen Pixel)

Left: 540ptTop: 1740pt

Misc :Background Color: #NaNNaNNaN

240px

719.99px

720px 1px

2320px

0px

User Notes:

Page 14/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 5]

Shape Object

Shape Dimesions :Width : 498.94px (Screen Pixel)Height: 498.94px (Screen Pixel)

Width : 374.21ptHeight: 374.21pt

Absolute Position :Left: 470.33px (Screen Pixel)Top: 362.25px (Screen Pixel)

Left: 352.75ptTop: 271.69pt

Misc :Background Color: #NaNNaNNaN

498.94px

498.94px

470px 472px

362px

1700px

User Notes:

Page 15/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 6]

Shape Object

Shape Dimesions :Width : 326.69px (Screen Pixel)Height: 295.87px (Screen Pixel)

Width : 245.01ptHeight: 221.9pt

Absolute Position :Left: 554.41px (Screen Pixel)Top: 490.71px (Screen Pixel)

Left: 415.81ptTop: 368.03pt

Misc :Background Color: #NaNNaNNaN

295.87px

326.69px

554px 560px

490px

1775px

User Notes:

Page 16/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 7]

Shape Object

Shape Dimesions :Width : 493.54px (Screen Pixel)Height: 493.54px (Screen Pixel)

Width : 370.15ptHeight: 370.15pt

Absolute Position :Left: 473.03px (Screen Pixel)Top: 1359.22px (Screen Pixel)

Left: 354.77ptTop: 1019.42pt

Misc :Background Color: #NaNNaNNaN

493.54px

493.54px

473px 474px

1359px

708px

User Notes:

Page 17/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 8]

Shape Object

Shape Dimesions :Width : 424.51px (Screen Pixel)Height: 179.9px (Screen Pixel)

Width : 318.38ptHeight: 134.92pt

Absolute Position :Left: 507.54px (Screen Pixel)Top: 1515.93px (Screen Pixel)

Left: 380.66ptTop: 1136.95pt

Misc :Background Color: #NaNNaNNaN

179.9px

424.51px

507px 509px

1515px

866px

User Notes:

Page 18/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Shape: [Shape 9]

Shape Object

Shape Dimesions :Width : 33.24px (Screen Pixel)Height: 72.03px (Screen Pixel)

Width : 24.93ptHeight: 54.02pt

Absolute Position :Left: 703.16px (Screen Pixel)Top: 1583.31px (Screen Pixel)

Left: 527.37ptTop: 1187.48pt

Misc :Background Color: #NaNNaNNaN

72.03px

33.24px

703px 704px

1583px

905px

User Notes:

Page 19/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 1] for Text [Text 1]

105.33px

824px

2110.66px

1440px

0px 0px

209px

241px

User Notes:

Page 20/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 1] for Text [Text 2]

173.33px

424px2110.66px

1440px

0px 0px

209px

241px

User Notes:

Page 21/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 1] for Text [Text 3]

105.33px

388px

2110.66px

1440px

0px 0px

209px

241px

User Notes:

Page 22/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 1] for Text [Text 4]

173.33px

148px

2110.66px

1440px

0px 0px

209px

241px

User Notes:

Page 23/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 3] for Text [Text 5]

84px

446.66px

240px

720px

0px 720px

2320px

0px

User Notes:

Page 24/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 4] for Text [Text 6]

84px

481.33px

240px

719.99px

720px 1px

2320px

0px

User Notes:

Page 25/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 2] for Text [Text 7]

125.33px

512px

209.33px

1440px

0px 0px0px

2351px

User Notes:

Page 26/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 5] for Shape [Shape 6]

295.87px

326.69px

498.94px

498.94px

470px 472px

362px

1700px

User Notes:

Page 27/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 7] for Shape [Shape 8]

179.9px

424.51px

493.54px

493.54px

473px 474px

1359px

708px

User Notes:

Page 28/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]

Enveloping Shape [Shape 8] for Shape [Shape 9]

72.03px

33.24px

179.9px

424.51px

507px 509px

1515px

866px

User Notes:

Page 29/29 This is an auto-generated GUI specs guide. December 11, 2014, 3:23 pm [samir project0 1418308769]