Calmio · minimal-calm · serene-minimal · soft-earthy · 4 novel components
Novel — Full-Bleed Photo Hero Card

A calm space for dental care.

Comfortable, unhurried dentistry for Long Beach families. From routine cleanings to complete smile care.

Schedule Your Visit
Novel — Bento Feature Grid with Central Photo
Why Spring St. Dentistry

Care built around your comfort.

Every part of our practice is designed to make you feel at ease.

Dr. Anthony Hoang
Long Beach native and DMD — who genuinely knows this community.
Gentle, low-anxiety care
A calm environment designed for patients who prefer a slower, easier visit.
Same-day emergency care
Urgent dental needs seen promptly — tooth pain, broken teeth, and more.
5-star rated in Long Beach
52 Google reviews from Long Beach neighbors who trust their care to us.
Novel — Metadata Eyebrow Chip (Schedule Signal)
New patients welcome

Clear aligners.

Straighten your teeth discreetly with custom aligners that fit your life. Dr. Hoang evaluates your bite and smile goals at a single consultation.

Schedule a Consultation
warm natural light · calm patient portrait
About Dr. Hoang

Long Beach, born and raised.

Dr. Anthony Hoang grew up in Long Beach and Lakewood. After earning his DMD from Tufts and completing his residency at the Loma Linda VA, he returned to the community he calls home.

What drives him every day is the human side of dentistry — the relationships built visit after visit, and the trust patients place in him. He has a gift for putting nervous patients at ease.

Meet Dr. Hoang
Novel — Portrait Team Grid with Social Badge
Our team

People you'll recognize.

The same familiar faces, every visit.

Dr. Anthony Hoang
General & Cosmetic Dentistry
Charlie
Dental Assistant
Jackie
Patient Coordinator

Your questions, answered.

What Long Beach patients ask Dr. Hoang most often.

Call Spring St. Dentistry at (562) 420-8578. No referral needed — we welcome new patients for general and cosmetic care. Our team will find a time that works for you.
Yes. For tooth pain, a broken tooth, or another urgent issue, call (562) 420-8578 and tell us it's an emergency. Dr. Hoang will work to get you seen the same day.
We work with a variety of dental plans and will help you understand your coverage before treatment begins. Call us to confirm your specific plan. Payment options are available for patients without insurance.
A comprehensive exam with Dr. Hoang, a review of your dental and medical history, and X-rays if needed. Arrive a few minutes early to complete new-patient paperwork.
Most mild to moderate alignment issues can be addressed with aligners. Dr. Hoang will evaluate your bite and smile goals at your consultation to determine whether they're right for you.
Scaling and root planing removes plaque and tartar below the gumline that a routine cleaning can't reach. Dr. Hoang may recommend it if there are signs of gum disease, such as inflammation or bone loss on X-rays.

Your healthiest smile starts in Long Beach.

Whether it's been six months or six years, we're here to help you feel comfortable and confident in the chair.

Schedule Your New Patient Visit
Calmio — Design System
Archetype
minimal-calm
Moods
serene-minimal soft-earthy

Canvas
#F7F3EE
Card surface
#FFFFFF
Hero background (photo)
~#A08060
Primary button + headings
#1C1614
Body text
#6B6560
Chip fill / icon badge
#EDE9E2
Chip text / icon color
#3D3530
Divider / card border
#E8E4DE
Key principle
Zero colored accent. All interactive fills are near-black (#1C1614). Introducing any hue as a CTA color breaks the minimal-calm character.

DM Sans
Display + Body · geometric humanist sans · 400/500 weight · sentence case
Single-family system — no serif, no script
Hierarchy via size contrast only, not face switching
Heading weight
Regular (400) or Medium (500) only. Never bold (700). Heavy weight breaks the calm register immediately.

Button radius
Pill
full round
Card radius
lg (16px)
all cards + images
Elevation
Near-flat
shadow 0.05 opacity
Density
Airy
generous padding
Motion
Subtle
opacity transitions
Border
None
contrast only

Full-Bleed Photo Hero Card
Large-radius card containing a warm photo. Nav overlays the photo's top edge in white/transparent. Hero text in lower-left quadrant — not centered. Single white-fill pill CTA.
Bento Feature Grid — Photo Center
3-column bento where the center column is a tall photo. 4 flanking white cards each have a circular icon badge (warm fill, stroke icon), heading, and 2-line description. No list rows, no prices.
Portrait Team Grid + Social Badge
3-up white cards: tall warm portrait fills top of card, name + role + circular phone/social icon badge on footer row. Used for doctor + staff introduction.
Metadata Eyebrow Chip
Pill-fill chip carrying schedule or status metadata above a service H1 (e.g. 'New patients welcome', 'Mon · 9 AM'). Adapts the standard category-chip to a trust-signal function. No new component required — token variant only.

Hero is a single large-radius card with a full-bleed warm photo. No split-image or text-only hero layout.
Nav overlays the hero photo at the card's top edge. On inner pages, nav is dark-on-cream without a card wrapper.
Single button style only: near-black fill (#1C1614), white text, full pill radius. No secondary outlined or soft-fill variant.
Zero colored accent anywhere. No terracotta, blue, green, or any hue as an interactive color. CTA fill is near-black only.
Eyebrow chips use a warm soft-fill pill (no border) — not an outlined chip. Background ~#EDE9E2.
Eyebrow chips may carry schedule/status metadata (e.g. 'New patients welcome') not just category labels.
Benefits section uses the bento grid with a central photo cell. Do not default to a flat icon list or alternating-row layout.
Icon badges on bento cards are small filled circles (~36px diameter, warm fill) with stroke line-icons — not square icon blocks or colored fills.
Team/doctor cards use a tall portrait photo (full-bleed top, lg radius) with a circular social/contact badge on the card footer row.
Photography grading: warm sandy/golden, slightly desaturated, natural light. Subjects have calm neutral expressions — not broad performance smiles.
Typography is a single geometric/humanist sans at regular (400) or medium (500) weight. No serif, no script, no bold (700) headings.
Body copy is extremely spare: 1–2 sentences per block. Headline copy is 3–6 words. Whitespace communicates the calm, not words.