BioBreathing Design System v1.0

BDS — Component Library Preview · Preview only · Not indexed


2 · Color Palette

Backgrounds

bg-base
bg-subtle
bg-muted
bg-dark
bg-dark-card

Text

text-primary
text-body
text-muted
text-inverse

Brand

blue
blue-light
teal
green
gold

Subtle tints

blue-subtle
teal-subtle
green-subtle
gold-subtle

3 · Typography

Type scale — DM Sans (body)

xsThe nervous system can heal.
smThe nervous system can heal.
baseThe nervous system can heal.
lgThe nervous system can heal.
xlThe nervous system can heal.
2xlThe nervous system can heal.
3xlThe nervous system can heal.
4xlThe nervous system can heal.
5xlThe nervous system can heal.

Heading font — Playfair Display

Your body already knows how to heal.


4 · HeroBanner — light

Nervous System Reset

Your body already knows how to heal.

BioBreathing guides you back to calm through science-backed somatic practices.


5 · HeroBanner — dark

Recovery Program

Five minutes. Real results.

Guided breathing sessions designed for chronic pain, anxiety, and nervous system dysregulation.


6 · SectionHeading variants

Center · Light

Breathe your way back to balance

Science-backed somatic practices for nervous system regulation.

Left · Light

Start where you are

No experience needed. Just five minutes and a willingness to try.

Center · Dark

Guided by science, felt in the body

Left · Dark

Your healing path starts here


7 · Callout variants

Info callout

Controlled breathing activates the parasympathetic nervous system within seconds.

Success callout

You've completed your first breathing session. Your nervous system is already responding.

Warning callout

If you experience dizziness, return to normal breathing and rest before continuing.

Tip callout

Try practicing at the same time each day to build a consistent somatic habit.

8 · QuestionGrid


9 · InformationCard variants

Breathwork Basics

Learn the foundational techniques that shift your nervous system from stress to calm in minutes.

Nervous System Science

Understand the polyvagal theory and why somatic practices work at a neurological level.


10 · LearningPathCard

1

Understand your nervous system

Learn why your body responds the way it does to stress, pain, and overwhelm.

10 min read

FoundationsScience
2

Try your first reset

A guided 5-minute breathing session designed to shift your state immediately.

5 min session

BeginnerBreathing
3

Build a daily practice

Integrate short somatic practices into your routine for lasting nervous system change.

Ongoing

HabitAdvanced

11 · ResearchHighlight

87%

reported reduced anxiety after 4 weeks

5 min

is all it takes to shift your nervous system

10,000+

people have completed the free reset


12 · EvidenceSummary

What the research shows

  • Controlled breathing activates the parasympathetic nervous system
  • Somatic practices reduce cortisol levels within minutes
  • Regular practice rewires neural pathways over time

13 · ExpertInsight

The nervous system doesn't distinguish between a real threat and a perceived one. Breathing is the fastest way to tell it the danger has passed.

Dr. Sarah Chen

Neuroscientist, Somatic Therapist


14 · GuidedSessionCard

Beginner

First Breath Reset

A gentle introduction to diaphragmatic breathing for complete beginners.

5 minutes

Intermediate

Box Breathing for Focus

A structured 4-4-4-4 pattern used by athletes and first responders to regulate under pressure.

10 minutes

Advanced

Extended Exhale Protocol

Advanced breath-hold and exhale extension techniques for deep parasympathetic activation.

15 minutes


15 · RecoveryProgramCard

7-Day Nervous System Reset

A structured week of daily breathing and somatic exercises to shift your baseline state.

7 sessions5–10 min/day

30-Day Deep Recovery

A comprehensive program for chronic pain and anxiety — building lasting neural change.

30 sessions10–20 min/day

16 · RelatedArticleCard

Nervous System

Why your body stays stuck in fight-or-flight

Understanding the polyvagal theory and how chronic stress rewires your nervous system response.

6 min read
Somatic

The science of somatic healing

How bottom-up approaches to trauma and pain differ from traditional talk therapy.

8 min read
Pain Relief

5 breathing techniques for chronic pain

Evidence-based breathwork practices that reduce pain perception and calm the nervous system.

5 min read

17 · ActionCard variants

Start your free reset

A 5-minute guided session to shift your nervous system right now.

Begin session

Join the program

Seven days of structured breathwork to build a lasting somatic practice.

Get started

Explore the science

Understand why breathwork works at a neurological and physiological level.

Read more

18 · FAQSection

Common questions


19 · MedicalDisclaimer


20 · NewsletterSignup — light

Stay grounded. Get weekly insights.

Breathing tips, somatic practices, and nervous system science — delivered weekly.

Stay grounded. Get weekly insights.

20 · NewsletterSignup — dark

Stay grounded. Get weekly insights.

Breathing tips, somatic practices, and nervous system science — delivered weekly.

Stay grounded. Get weekly insights.


21 · BDSBreadcrumb


22 · SearchSection

23 · BDSFooter