Fitness App - Set Up Guide

Step 1: Apple Licence

1. Apple licence

Open this apple developer portal link: https://developer.apple.com/programs/enroll/

2.Enroll

Example Image — An image with caption

3.fill out apple forms

Apple will ask all your personal/business information. Please provide all the information and finish the forms.

4.Apple Payment

Apple licence costs 99usd/year.

5.Apple Verification

Apple typically takes one week to review.

Step 2: Google Licence

Formatted rich text element used for long sections of text such as blog posts.

1. Google licence

Open this google developer portal link: https://play.google.com/console/u/0/signup

2.Enroll

Example Image — An image with caption

3.fill out apple forms

Google will ask all your personal/business information. Please provide all the information and finish the forms.

4.Apple Payment

Google licence costs 99 usd for lifetime.

5.Apple Verification

Google typically takes one week to review.

Step 3: App and web static images

App logo, static app images that gives you brand identity.

1.App Logo

You will need to provide us with a logo that we can use for the app.

Example Image — An image with caption

2.Subscription image

Find an image that you think represents you and your brand.

Example Image — An image with caption

3.App Onboarding images

When user will open the app for the first time, he will be greeted with 3 images

Example Image — An image with caption

Example Image — An image with caption

Step 4: Workout video format

Formatted rich text element used for long sections of text such as blog posts.

1. Workout videos

Videos need to be max 30s. It is enough time to show and explain you the excersise.

Example Image — An image with caption

Find BG color

Click this link to open color wheel: https://g.co/kgs/pXgU87

2. Accent app color

Accent color is the color that will make your brand pop.

Example Image — An image with caption

Find accent color

Click this link to open color wheel: https://g.co/kgs/pXgU87

Columns

The 12 column grid system to make it easy to align sections across different screen sizes.

1 Col

2 Col

3 Col

4 Col

5 Col

6 Col

7 Col

8 Col

9 Col

10 Col

11 Col

12 Col

Grids

Different grid layouts to use across your site

4 Grid

3 Grid

2 Grid

2-1 Grid

1-2 Grid

Spacers

Spacer elements using the 8-pt system to give sections more room to breathe.

16 px

24 px

32 px

48 PX

64 PX

80 PX

96 PX

128 PX

Text Boxes

Boxes for text elements throughout the website, e.g for a section header.

400px

500px

600px

700px

800px

Icons

Icons used across the website taken from the Prosphor Icon Pack.

Forms

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Thank you! Your message has been received!

Oops! Something went wrong. Please fill in the required fields and try again.

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.