Browse all the basic styles and components inside this UI Kit

Basic Styles

Components

Blocks

Colors
Neutral Colors
Secondary 800
#
0F0B08
Secondary 700
#
49433F
Secondary 600
#
867C74
Secondary 500
#
B6AFAA
Secondary 400
#
CDC9C6
Secondary 300
#
E7E5E4
Secondary 200
#
FDFAF9
Secondary 100
#
FFFFFF
Typography
Fonts

Wittgenstein

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Geist

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Display

Text style

Heading XL

Size:

86

px

Line Height:

1.132

em

Weights:

Regular

Text style

Heading L

Size:

72

px

Line Height:

1.143

em

Weights:

Semi Bold

Text style

Heading M

Size:

60

px

Line Height:

1.250

em

Weights:

Semi Bold

Text style

Heading S

Size:

48

px

Line Height:

1.125

em

Weights:

Semi Bold

Text style

Text 600

Size:

24

px

Line Height:

1.500

em

Weights:

Semi Bold

Text style

Text 500

Size:

20

px

Line Height:

1.400

em

Weights:

Semi Bold

Text style

Text 400

Size:

18

px

Line Height:

1.333

em

Weights:

Semi Bold

Text style

Text 300

Size:

16

px

Line Height:

1.375

em

Weights:

Semi Bold

Text style

Text 200

Size:

14

px

Line Height:

1.250

em

Weights:

Semi Bold

Text style

Text 100

Size:

12

px

Line Height:

1.500

em

Weights:

Semi Bold

Paragraph

Text style

Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Size:

18

px

Line Height:

1.556

em

Weights:

Regular

Text style

Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Size:

16

px

Line Height:

1.500

em

Weights:

Regular

Text style

Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

Size:

14

px

Line Height:

1.500

em

Weights:

Regular

Shadows
Neutral Shadows

Small

Regular

Medium

Large

Buttons
Primary Square Button
Secondary Square Button
Lists
Default Lists

Default

Default

1.

Default

Default

Default

1.

Default

Default Lists

Default

Default

1.

Default

Default

Default

1.

Default

Social Media Icons
Icons
Inputs
Text Inputs
Small Input

Placeholder

Default Input

Placeholder

Text Inputs
Text Input
Checkboxes
Radio Buttons

Radio

Radio

Toggle Button

Placeholder

Placeholder

Rich Text

Props like blocks, straps, and blankets can help you maintain proper alignment

Using props is key to a safe and effective yoga practice, especially when focusing on fitness. A block can bring the floor closer in standing poses, preventing overstretching. A strap can help you gently deepen stretches without compromising form, while a folded blanket provides essential support for your knees.

  • Blocks offer crucial stability in balancing poses, reducing fall risks.

  • Straps can effectively extend your reach for deeper, safer stretches.

  • Use a blanket under your hips during seated poses to improve spinal alignment.

  • Props help you hold poses longer, building strength and endurance safely.

Look for classes labeled as beginner or introductory to learn the basics and proper alignment

To build a strong foundation for your fitness journey, start with the basics. Beginner classes are designed to teach you the fundamental poses and breathing techniques correctly from the outset. This ensures you build strength and flexibility safely, preventing injuries and maximizing the physical benefits of your practice.

These foundational classes focus on posture and breath, building a strong base.

Honor your limits and don't push yourself too hard

The key to a sustainable fitness routine is listening to your body. Yoga is not a competition. Some days you will feel stronger and more flexible than others. Acknowledging your current state and modifying poses as needed is a sign of strength, not weakness. This prevents injury and ensures your practice remains a positive and nurturing experience.

  • If a pose causes sharp pain, gently ease out of it immediately.

  • Use modifications or props to make poses accessible for your body.

  • Remember that progress in flexibility and strength happens gradually over time.

  • Rest is just as important as the active parts of your yoga practice.

Consistency is key in yoga

To see real changes in your fitness and flexibility, regular practice is far more effective than infrequent, intense sessions. Even 15-20 minutes of yoga a few times a week can create significant improvements. Building a routine helps your body adapt, deepen poses, and build muscle memory, leading to greater strength and a calmer mind over time.

“The rhythm of the body, the melody of the mind, and the harmony of the soul create the symphony of life. A consistent practice keeps them all in tune and playing together.”

Pay attention to your breath, inhaling and exhaling deeply

Your breath, or pranayama, is the life force that animates every movement in yoga. By synchronizing your breath with each pose, you create a moving meditation that calms the nervous system and increases focus. Deep, conscious breathing delivers more oxygen to your muscles, enhancing their performance and endurance. This mindful connection between breath and body is what transforms a simple physical exercise into a holistic practice that energizes and restores you completely.

Notification Bars

Notification Bar V1

Get a lifetime account for a one-time payment of $99

Notification Bar V4

Get a lifetime account for a one-time payment of $99

Notification Bar V5

Headers