Style Guide

Type scale

Headings render in Newsreader (serif); UI and body in Public Sans. Both are latin-subset variable fonts served from this origin.

• Hero — 3.25rem serif
• Double extra large — 2.75rem serif
• Extra large — 1.875rem serif
• Large — 1.3125rem serif
• Medium — 1rem (body, Public Sans)
• Small — 0.875rem
• Extra small — 0.8125rem (captions, disclaimers)
• $1,200–$2,500 — prices: Public Sans 800, tabular figures

Color roles

• Base — page and card background
• Surface — panels and disclosures
• Deep Pacific — headings, nav, heroes, navigation-weight buttons
• Deeper — hero gradient end; the text color on coral and WhatsApp buttons
• Body — running text
• Muted — captions, disclaimers, stale prices (AA on every tint)
• Faint — decorative only; fails AA as text, never use it for words
• Border — rules and outlines
• Coral — lead-capture CTAs only, always with dark text
• Verification green — the Verified badge and credential checks only; never on tier chips
• Verification tint — badge background
• Teal tint — calm section bands, selected states
• Warm sand — price footnotes, editorial bands
• Warning — cautions (not stale prices; those go muted)

Spacing scale

• 10 — 0.25rem
• 20 — 0.5rem
• 30 — 1rem
• 40 — 1.5rem
• 50 — 2.5rem
• 60 — 4rem

Buttons

Request a quote — free View profile & pricing See all dentists WhatsApp the clinic

Coral is reserved for lead capture; navy carries navigation-weight actions. Coral and WhatsApp buttons take dark text — white fails AA on both fills. Labels state the outcome.

Chips — trust and tier are different species

Verified · May 2026 Board-certified Featured listing Showcase listing Unclaimed listing

Fluent English Financing offered Telehealth consult Caution state

Verification chips are the only green elements and always carry the check date. Tier chips are navy, plainly labeled, never green. Fit facts are quiet gray. At most three chips per card.

Prices — fresh and stale

Stale ranges fade and strike through — honesty as design, never alarm-red. The dated note carries the meaning.

Avatars, stats, callouts

AG AG AG

Initials on teal tint until a headshot exists; always a full circle.

Sand callout. Price footnotes, complication policies, warm notices — the “vacay” half of the palette.

Hero band and channel picker

Channel choice first, WhatsApp default. “Free and non-binding” sits beside every submit.

Provider result card

Providers pay for placement on MedVacay. Payment never affects verification status. How we verify