Loop Wellness Clinic

Design System & Style Guide

A calm, airy visual language built on Raleway and a slate-blue palette drawn from the Loop Wellness Clinic brand. Light-weight headings, generous whitespace, and soft pill buttons keep the tone approachable and professional.

Color Palette

Slate Blue #566D8C
Dark Slate #434D59
Soft Sky #77A1D9
Mist #F3F5F7
Ink #333333
White #FFFFFF

Typography

Reclaim Your Health

Advancing Patient Care with Customized Treatments

Here to Support Your Wellness Goals

Your Life, Enhanced

Raleway carries the entire system, from large regular-weight display headings down to body copy. Body text sits at 16px with relaxed 1.8 line height for an easy, unhurried reading rhythm.

Uppercase Label · 2px Tracking

Buttons

Pill-shaped, uppercase, and letter-spaced. Solid slate is the primary action; the light variant sits on slate bands and photography. Both darken to dark slate on hover.

Schedule OnlineLearn More
Your Life, Enhanced

Voted Best in Loudoun County for Medical Wellness

Full-bleed slate bands are the brand's signature move: white regular-weight headings, centered copy, and a light pill button set against Slate Blue.

About Us

Cards on Mist

Health and Wellness

White cards rest on the Mist background with a soft slate shadow, keeping content areas light and clinical without feeling sterile.

Body Sculpting

Card headings use Slate Blue at medium weight, echoing the section heading treatment used across the site.

Patient Reviews

Body copy stays in Ink at 16px, and Soft Sky is reserved for icons and decorative accents rather than text.