‘PANTH’ is dedicated football application for Indian football players where they can use the application to know how to be a professional player and helps in different aspects to be a best football player.

‘PANTH’ is dedicated football application for Indian football players where they can use the application to know how to be a professional player and helps in different aspects to be a best football player.

MOBILE UI DESIGN

MOBILE UI DESIGN

Typography & Colors

Typography & Colors

Roboto is specifically designed for use on screen and has been designed to balance content density with reading comfort. It ensure maximum quality in the display of text for users.

Roboto is specifically designed for use on screen and has been designed to balance content density with reading comfort. It ensure maximum quality in the display of text for users.

Roboto Sans

Roboto Sans

Regular

Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789

Bole color, a warm earthy hue often resembling rich terracotta, is frequently employed in UI designs to evoke a sense of grounding and approachability.

Color 1

HEX

7A5732

RGB

122, 87, 50

HSB

31, 59, 48

CMYK

0, 29, 59, 52

Lavender blush, a soft and soothing color with hints of both purple and pink, is often utilized in UI designs to evoke a sense of calmness and gentle elegance.

Color 2

HEX

f7ebec

RGB

247, 235, 236

HSB

355, 5, 97

CMYK

0, 5, 4, 3

Night color modes help alleviate eye strain and improve visibility, making interfaces more comfortable to interact with in dimly lit environments

Color 3

HEX

0C0C0C

RGB

12, 12, 12

HSB

0, 0, 5

CMYK

0, 0, 0, 95

Light orange, its subtle vibrancy can help highlight key elements and call-to-action buttons, drawing users' attention without overwhelming the visual aesthetics of the interface.

Color 4

HEX

FFDCBD

RGB

255, 220, 189

HSB

28, 26, 100

CMYK

0, 14, 26, 0

4 Columns grid system

4 Columns grid system

A grid is like an invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together, this app is designed in such a way to present a clear and minimal user interface.

A grid is like an invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together, this app is designed in such a way to present a clear and minimal user interface.

Icons Used

Icons Used

Concept behind logo

Concept behind logo

Panth resonates with the unity and diversity within football. Football is a global sport that brings people from various backgrounds together, transcending borders and cultures. The term Panth can be seen as a representation of the diverse paths that individuals and teams take within the football community, converging on a common field to share their passion and skills.

Panth resonates with the unity and diversity within football. Football is a global sport that brings people from various backgrounds together, transcending borders and cultures. The term Panth can be seen as a representation of the diverse paths that individuals and teams take within the football community, converging on a common field to share their passion and skills.

lo-fi Sketching

lo-fi Sketching

lo-fi Wireframing

lo-fi Wireframing

Final Design

Final Design