Design System

Section intro

The opening of a marketing section — eyebrow, heading, sub-line — defined once. The sub-line's width is the shared token --hw-section-sub-measure (900px), sized so a one-sentence sub stays on one line at desktop widths; the older section subs (.pdp-section-sub, .hw-wp-sub) read the same token, so widening a sub-line anywhere is one change.

import from @halwel/ui/components/marketing/SectionIntro

Variants

Start, light — the offerings band

Weight-loss treatments

Your options, with the full cost shown.

Each plan includes clinical review, medication if prescribed, supplies, shipping, and follow-up support.

Center, deep

How GLP-1 medicines work in the body

Three mechanisms, explained plainly — so you know what the medicine does before you decide.

Heading only

Questions people ask before starting