TheaWellbeing
website guidelines

Below you will find all the different elements created for this website. These components can be duplicated and placed where needed.

Get Started

Colours

Main
Thea Charcoal / #424242
#686868
#8e8e8e
#b3b3b3
#d9d9d9
Thea Blue / #64acaf
#686868
#8e8e8e
#b3b3b3
#d9d9d9
Thea Copper / #d7b07c
Thea Off-White / #fafafa
Thea Off-White / #ffffff

Typography

type / styles / font weight / size - height / margin t r b l
Main
H1 / main-title / Europa 700 / 44px - 1.2em / 0px 0px 30px 0px

This is a main title

H2 / small-title / Europa 700 / 28px - 1.2em / 0px 0px 20px 0px

This is a sub-title

P / paragraph-basic / Europa 400 / 18px - 1.3em / 10px 0px 30px 0px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

P Link/ paragraph-basic link / Europa 400 / 18px - 1.3em / underlined

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Blog
P / paragraph-basic blog / Europa 400 / 18px - 1.6em / 10px 0px 40px 0px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Legal
H2 / small-title legal / Europa 700 / 28px - 1.5em / 0px 0px 20px 0px
P / paragraph-basic legal / Europa 400 / 20px - 1.7em / 10px 0px 30px 0px
1

Turn on Melo by pressing and holding the shorter botton for 2 seconds

2

Choose your breathing pattern using the slider

3

Start the exercise by pressing and holding the longer button for 2 seconds

Turn on Melo by pressing and holding the shorter button for 2 seconds

Benefits

Creativity

Free your mind from the small stuff. By breathing deeply and mindfully you can focus on the tasks that really matter and let your creativity flow.

Awareness + Performance

Focusing completely on the ebb and flow of our breathing allows us to become more aware of our emotions and physical being, bringing clarity and control to daily tasks.

Reduce Heart Rate

Studies show links between deep breathing and activation of the parasympathetic nervous system, increasing oxygenation of the body. This in turn decreases heart rate and blood pressure.

Stress Reduction

Stress challenges us everyday, and how we deal with it can make all the difference. Mindful control over breathing can alter your mental state, balancing your emotions and reducing an over-active and over-thinking brain.

Managing Anxiety

Deep breathing exercises are an effective and proven method of reducing feelings of anxiety. Taking that moment to calm yourself can help you cope with problems playing on your mind.

Melo Patterns

Beginner

4-4

A basic form of box breathing for the beginner to learn and move up a level.

The key to mastering this is to keep your breathe control at the front of your mind and relax your body before you start.

Intermediate

4-4-4-4

Known as box breathing, this is suggested for people who feel they can do a bit more.

This technique is used by athletes and US Navy Seals to deal with stressful situations and to keep them focused when needed most. It is known to lower blood pressure and provide an almost immediate sense of calm.

Advanced

4-7-8

For anyone who wants a real challenge and wants to get the full advantage of mindful breathing.

This technique was popularised by Harvard trained Dr. Andrew Weil (teacher of integrative medicine) and based on an ancient yogi technique called ‘Pranayama’, to help users gain control over their breathing.