Gym Squad 360 Application Icon
CLIENT

For fun

PROJECT 

Gym Squad 360
Gym App Mockup

DETAILS

Working with Adobe XD, I created a mockup of a Gym application called "Gym Squad 360". This app is an all-encompassing fictitious gym app designed with all types of fitness in mind. Not only can you build a squad and communicate with your friends, you can shop and get up to date reviews of gym apparel and athleisure. Just pick your type of fitness, build your profile and you are ready to grow your fitness empire.

Brand Identity

Color Palette
Primary Colors - gradient blue
Main Application Color

Hex 1
#008BFF

CMYK 1
74, 44, 0, 0

RGB 1
0, 139, 255

Hex 2
#FFFF52

CMYK 2
5, 0, 78, 0

RGB 2
255, 255, 82

Primary Colors - green
Fitness Friends

Hex
#F15A24 / #FCEE21

CMYK
0, 80, 97, 0 / 5, 0, 93, 0

RGB
241, 90, 36 / 252, 238, 33

Primary Colors - green
Agile Athletes

Hex
#00B95B / #FFFF41

CMYK
78, 0, 88, 0 / 5, 0, 84, 0

RGB
0, 185, 91 / 255, 255, 65

Primary Colors - orange
Cardio Buns

Hex
#38B2FF / #9C32D4

CMYK
61, 17, 0, 0 / 56, 82, 0, 0

RGB
56, 178, 255 / 156, 50, 212

Color Palettr - Secondary Colors - pink
Free Flow:ers

Hex
#EE374D / #FF8400

CMYK
0, 58, 0, 0

RGB
242, 137, 183

Color Palettr - Secondary Colors - grey
HIIT Pros

Hex
#4B2FFF / #FF0045

CMYK
79, 75, 0, 0 / 0, 99, 67, 0

RGB
75, 47, 255 / 255, 0, 69

Primary Colors - green
CrossFit Hustlers

Hex
#60FF9D / #3851FF

CMYK
49, 0, 60, 0 / 80, 69, 0, 0

RGB
96, 255, 157 / 56, 81, 255

Color Palettr - Secondary Colors - grey
Strong Wo|men

Hex
#FF0000 / #431213

CMYK
0, 99, 100, 0 / 44, 85, 75, 70

RGB
255, 0, 0 / 67, 18, 19

Icons
Agile Athletes Icon
Fitness Friends Icon
Free Flow:ers Icon
HIIT Pros Icon
Crossfit Hustlers Icon
Cardio Buns Icon
Strong Wo|men Icon

Wireframe

Preview

Gym App Base Wireframe Image
Personalize Your Profile first three screens

Squads

Free Flowers image

Want to work together or connect?

Feel free to reach out!

2021© Cathy Tyska Design