DESIGN SYSTEM PREVIEW

Every component in one place.

This page demonstrates each reusable partial from the Saving Starry Night design system. Delete before deploying.

Primary button Secondary button
5,000 +
TEETH SAVED
4.9
FROM 100+ REVIEWS
Conservative
Quality-oriented
MOTIF LIBRARY

Seven approved background art elements.

Gold impasto brushwork. One per section, never on text. Use the <Motif> wrapper.

STAR Diagnostics, CBCT, consultation, "how we see" content
COMET Journey bands, heroes, what-to-expect steps — motion → arrival
STARDUST Text columns, FAQ, pricing, footer — the subtle one
BRUSHFIELD Utility motif — any corner of any band needing texture
WIND Wide navy bands — services list, referrer sections. Anchor top or bottom.
VILLAGE "Homecoming" moments — locations, contact, closing CTA. Anchor to bottom.
CYPRESS Tall sections — journey band, case-file lists, about. Hug left or right edge.
CREAM-BAND DEMO

Motifs work on cream too.

Set band="cream" for gold on ivory. The wrapper auto-adjusts color and default opacity.

STAR ON CREAM #D9A441 at 0.25–0.35 opacity on #F7F3EC background.
BEFORE / AFTER SLIDER

Drag to compare before and after.

Restored tooth after internal bleaching
Discolored tooth before internal bleaching
BEFORE AFTER
◂▸
CASE 012 — TOOTH #8 INTERNAL BLEACHING
BUTTONS & BADGES

Every interactive element, catalogued.

Primary CTA Secondary outline Night button
GOLD BADGE CASE 047 — TOOTH #19
Gold bullet list item one
Gold bullet list item two
JOURNEY STEPS

The night journey, step by step.

01
THE ACHE

It starts at night.

Tooth pain has a way of arriving after hours. Call — a person answers.

02
THE PICTURE

We map before we move.

A 3D CBCT scan draws every canal of your tooth before treatment begins.

03
THE QUIET HOUR

Gentler than its reputation.

Under the microscope, with sedation if you want it, most root canals finish in a single visit.

04
THE HOMECOMING

You arrive whole.

The storm passes, the stars settle. You keep your tooth, your bite, your jawbone.

Every voyage under this starry night ends the same way — with the traveler home, and the tooth still theirs.

Gold CTA button Ghost dark button
TYPE SPECIMEN

The typographic palette.

Newsreader for headings, Source Sans 3 for body, IBM Plex Mono for labels.

PAGE H1
Every tooth is a masterpiece.
SECTION H2
Complex cases, documented.
CARD H3
Gentler than its reputation.
BODY 17PX

Saving your natural tooth is usually best — better function, lower cost, no bone loss. We'll give you an honest recommendation after a 3D imaging evaluation.

LEDE 19PX

Advanced root canal care for patients in pain — and for the dentists who refer their hardest cases.

EYEBROW
SPECIALIST ENDODONTICS
MONO CAPTION
FIG. 04 — CONSTELLATION OF CARE