Halo Dental
halodental.com/A dental-tech hardware brand (the Halo "digital mirror") that opens on a black stage with its glowing ring-lit device, a 100px "Halo" wordmark and "We All Shine", then proves capability with a calm bento grid - Apple-product confidence aimed at clinicians.
Design tokens
- display
- Nuckle
- body
- Nuckle
- mono
Do / Don't
Reference it for
- Product-as-hero confidence for clinical/B2B tech: a black stage, a glowing device, oversized wordmark and an aspirational one-line tagline ("We All Shine").
- A bento capability grid that DEMONSTRATES the product with real UI cards (chart, 3D model, voice, annotations) instead of describing features.
- A press-logo / coverage wall as authority-grade social proof for a credibility-led purchase.
- Single warm orange accent on black/white/cream - confident restraint.
- Smooth, controlled Lenis motion on tight cubic-beziers - focused, never flashy.
Do not copy
- The literal Halo device imagery, the Nuckle wordmark and the exact orange #ff5e2b (brand-coded). Re-skin to the client's product and accent.
- The Nuxt/Mux/Reddit-Facebook-LinkedIn-PostHog tracking stack (~78 scripts). Rebuild lean on Astro.
- The "digital mirror" product narrative - reproduce the demonstrate-don't-describe bento pattern with the client's own product.
Signature moves
pinned dark product hero with mask reveal
a full-viewport black stage centres the ring-lit device glowing (pulse) with 'Halo' set ~100px and 'We All Shine', the device exposed by a circular roundedMaskAnim - treating a clinical instrument like an Apple product to manufacture desire before any claim.
bento capability grid that demonstrates
capability is shown as a grid of live UI cards - a patient chart, a 360-rotatable 3D dentition model, a voice-command card with an animated waveform ('Defective filling on 14 OBL'), photo annotations, a charging stat - so the dentist SEES the product working rather than reading feature bullets.
press-as-authority proof wall
a dedicated wall of press coverage and event logos (Dentistry Today, Health, Chicago Midwinter) supplies authority-grade social proof for a credibility-led, considered purchase.
Related references
Cal Com
strongDeveloper Tool
The reference for open-source dev-tools brand at peak typographic confidence — Cal Sans 64px H1 on pure white, real booking widget in hero, prestige customer logos.
Cindy Shu Therapy
strongOther
A solo therapist's site that breathes - vast warm-cream whitespace, a calm teal serif, and a thin vertical line that literally walks you down the page while the copy says "pause, breathe, connect".
Lava Dental
flagshipOther
A dental clinic that turns the most anxiety-inducing service into calm and reassurance - a deep forest-green canvas, a rounded geometric display, and a circular arc-timeline that carries you through "peace and safety during every appointment".
Mintlify
strongMarketing Platform
The reference for AI-documentation platform — cloud-gradient sky hero, mint-green CTA, modern lab()/oklab() colour science, real docs mockup with AI assistant chat.