Design Language
  • Design Principles
  • Foundational Elements
  • Foundational Elements
  • Design Framework
  • Design Framework
Menu
  • Design Principles
  • Foundational Elements
  • Foundational Elements
  • Design Framework
  • Design Framework
logo
colors
typography
imagery
glass-morphism
themes
iconography
grids & spacing

Human form at
its most basic.

cult.fit’s logomark is made with symmetry & balance in mind & captures the very essence of what it stands for & hence it is sacrosanct in its form and construction which cannot be altered. Devoid of any frills, adorned with soft rounded edges, the form connotes inclusivity, friendliness and warmth. It’s circular completeness expresses cult.fit’s commitment to holistic fitness. The bright, colourful radiations that originate from the core, symbolise boundless and contagious energy, that flows out into the world.

logotype.

The roundness derived from the logo mark, makes the logotype feel inviting & warm. Its stylised serif form makes it look contemporary while being ready for the future. Lowercase letters create balance while capturing the sweet spot between friendliness and professionalism. Do not try to recreate the logotype for any reason. Always use the unit from the master vector artwork.

The proportional and calculated spacing of the vertical version of the logo aids symmetry and visual balance between the cult.fit logomark and logotype.

A clean space helps highlight the logo, giving it greater prominence & define the exclusion zone around the logo. This is calculated by using the letter “c” of the logotype.

grids

colour

Colours
We use colors very strategically to drive user attention to those elements & decisions that need it.

brand colours.

Rectangle 5224
Black
#000000
Rectangle 5225
White
#000
Rectangle 5226
Yellow
#FFDC18
Rectangle 5227
Blue
#00BEFF
Rectangle 5228
Pink
#FF3278

brand gradients.

Rectangle 5233
Golden hour
#FFDB17 - #FF3278
Rectangle 5234
Daylight
#02BFFF - #FFDB17
Rectangle 5235
Midnight
#02BFFF - #FF3278

status colors.

Rectangle 5229
Positive
#0FE498
Rectangle 5227
Neutral
#00BEFF
Rectangle 5232
Awaiting
#F7C744
Rectangle 5231
Error
#FF5942

logo

typography

task-focused.

typography leverages textual hierarchy & contrast to make comprehension lightning fast & cognition seamless.

emotive.

typography provokes an emotional reaction from the users that communicates the content in an enticing manner.

task-focused.

emotive type.

emotive typeface captures unique personality that connects back to the offerings making the entire unit feel cohesive yet diverse.

colors

imagery

Imagery

We don’t capture great photographs, we capture moments that are real, bold and energetic.

bold.

Bold experimentations with lighting, composition and angles help elevate the moment.

real.

We capture moments of our trainers, experts and members in real spaces like our centers, gyms and homes.

energetic.

We capture people in action. Our imagery should be able to showcase the energy on the workout floor, leaving the viewer feeling energised.
Light
  • Play of light and shadow should elevate the subject’s body form.
  • Create depth and contrast between subject and background.
  • Lighting should not be flat or over done.
Subject
  • Images to be shot in action.
  • Postures and body language should never feel posed.
  • With celebrities, shots with them looking directly into the camera would be preffered.
  • Be inclusive, shoot with real athletes, trainers and experts from varied backgrounds.
Composition
  • Don’t shy from taking close-ups that focus of body form or expression.
  • Avoid cluttering the background with props, keep it minimal to drive focus on the subject.
Do’s
  • Images to be shot in action.
  • Lighting to feel natural and elevating the body form.
  • Ample contrast between subject and background.
  • Creative play with camera angles and layouts.
  • Don’t shy from taking close-up shots that focus of body form or expression.
  • With celebrities, shots with them looking directly into the camera would be preffered.
Dont’s
  • Mood and vibe of imagery should never feel static, posed, low energy, flat or stockish.

typography

glass-morphism

imagery

themes

Themes

Cult has 10+ unique intent products & many intents require different moods ranging from high energy vibe to a calm soothing feel. Themes help us in achieving uniquely different mood for different core intents while being coherent to the essence of our design language.

Classic.

The classic theme reinforces the high energy vibe of our fitness brand identity while reinforcing the black facade on the walls of most cult centers.

Earthy.

Earthy Aurora instills a neutral calming vibe & is aptly used for our wellness suite of products.

Night time.

Night time aurora activates during the night to create a calm & soothing mood with its different shades of pleasing purple hues.

Day time.

Day time aurora that is active during the day for a select suite of our cult products & creates a fresh yet soothing mood for users.

glass-morphism

iconography

Iconography
cult.fit icons are inspired from its logomark. The round face coupled with its iconic line breaks affords it a unique style of wavey & active icons.
Characteristics of cult icons.
System Icons
Cities

themes

grids

Grids &
Spacing

Grids and Spacing form the foundational framework of any interface and provides it the basic structure that coherently weaves the interface across form factors into a coherent whole.

Spacing Scale

We use a limited number of spacing values to design a consistent interface. The spacing scale lives as a list of constants in tech affording us ease of implementing it at scale.

Mobile Grid

We use a 12-column grid for mobile form factors which allows us to use any number of elements in a row. The grid also provides a consistent scaling framework of the interface on different mobile screen sizes.

Vertical Spacing

We use a 12-column grid for mobile form factors which allows us to use any number of elements in a row. The grid also provides a consistent scaling framework of the interface on different mobile screen sizes.

iconography

logo

All rights reserved © CultFit 2021​
Follow us here
All rights reserved © cult.fit 2022
All rights reserved © cult.fit 2022