Elements

Every building block of the site on one sheet. Copy a block into any page and it keeps the same colors, type and spacing.

Colors

primary
#117F6C

primary-deep
#0B5E50

accent
#C2452B

light-bg
#F4FAF8

surface
#FBFDFC

surface-hi
#E3EFEB

ink
#14211E

ink-soft
#4C5F5A

line
#CFE0DA

dark-bg
#0F2A25

Typography

Heading one

Heading two

Heading three

Heading four

A lead paragraph opens a section, such as a short welcome to new patients.

Body text is set large enough to read on a phone in a waiting room. It supports inline links, strong emphasis, italics and inline code.

Eyebrow label

Buttons

Text link

Badges and chips

New patients Open Saturdays 45 minutes

Cards

Icon card

One treatment and a line about it.

Lifting card

Lifts gently when a pointer rests on it.

A card for what patients say about their visit.

Nora WhitfieldPatient

Forms

Alerts

Your appointment is confirmed for Tuesday at 9am.

Please arrive ten minutes early for your first visit.

That morning is fully booked. Please choose another time.

Tabs

Bring your insurance card and a list of any medicines you take.

Avoid hot drinks until the numbness wears off, usually within two hours.

Table

Treatment	Dentist	Next visit
Check-up and cleaning	Dr. Park	Oct 30
Aligner check-in	Dr. Okoye	Nov 12
Implant review	Dr. Whitaker	Jan 15