Wellbeing Physio
Divi 5 Design System
Typography
Display – Hero Header
Heading 1 – H1
Heading 2 – H2
Heading 3 – H3
Heading 4 – H4
Heading 5 – H5
Heading 6 – H6
Compassionate, encouraging and experienced physiotherapy to help you get back on your feet, rebuild confidence and improve your quality of life.
Working together, we can create a plan that looks at all aspects of your wellbeing as well as optimising your physical recovery.
Small body text — supporting your recovery from home.
Buttons
Colours
Deep Blue #2F4F6B
Soft Blue #4F7FA8
Sage Green #5E8F73
Soft Purple #8C7AB8
Purple BG #F5F2FA
Green BG #EEF6F1
Warm Neutral #FAFAF8
Text Dark #2B2B2B
Primary Dark (hover)
Primary Light
Gray 100
Gray 900
Spacing & Numbers
margin top — xs clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem)
margin top — s clamp(0.5rem, 0.3rem + 0.6vw, 1rem)
margin top — m clamp(1rem, 0.6rem + 0.8vw, 1.5rem)
margin top — l clamp(1.5rem, 1rem + 1vw, 2.5rem)
margin top — xl clamp(2.5rem, 2rem + 2vw, 4rem)
margin top — 2xl clamp(4rem, 3rem + 3vw, 6rem)
Padding
padding — xs clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem)
padding — s clamp(0.5rem, 0.3rem + 0.6vw, 1rem)
padding — m clamp(1rem, 0.6rem + 0.8vw, 1.5rem)
padding — l clamp(1.5rem, 1rem + 1vw, 2.5rem)
padding — xl clamp(2.5rem, 2rem + 2vw, 4rem)