FP20 | Brightside Dental | FIT=C | Wellness | Soft modern
TECHNIQUES: scroll hover touch focus 3d rotate card front back filter music reveal mask motion mobile contact font hero film gsap lenis
BORN_HOOD_ADVICE: Smile-meter brand metaphor irrelevant.
DESIGN_SIGNATURE: 's colors] The design The idea: a calm, design-led dental studio that feels like a deep breath, never clinical. Fonts: Outfit for headlines, light and tightly spaced at big sizes with one bold word per heading; Source Sans 3 for body text. Colors: warm white #FBFAF7 background, deep pine #0F3D3E for text and dark panels, mint #CFF3E2 for big calm areas, coral #FF8A65 only for small accents such as smile-shaped underlines, sand #EFE7DC for warm panels. Order: a hero with a huge three-line headline on the left and, on the right, a glossy mint smile curve, shaded like a soft lit tube, on a mint circle, with floating pill and bead shapes and two small white cards (next opening, and a 'how you'll feel' meter); a mint first-visit section where a sticky clock dial counts the minutes beside six steps, then comfort extras as pill chips; prices as a clean index with filter pills; an insurance checker on a rounded pine panel that answers 'We're in network'; four arched team cards with faint initials; a three-step booking card on sand with a calendar, time slots, a progress bar and sliding steps; reviews with a giant 4.9; a drawn neighborhood map with hours; questions; a pine footer with the name set huge. Motion: on load a flat line curves into the smile and the shapes pop in. Scrolling holds the hero while the smile widens into a grin, the shapes drift up at different depths and the meter slides to 'Totally at ease'. Coral underlines draw themselves under headings.
HTML_SURFACE: headings=The calmest chair in Raleigh.; First visit, no fear.; Every price, up front.; Will my insurance work here?; Gentle hands, first names.; Book in about a minute.; Nervous people, now regulars.; Five Points, under the oaks.; Things people ask quietly.; Your next checkup is about a minute away. | ids=n, i-tooth, i-spark, i-align, i-bolt, i-kid, i-chat, i-clock, i-shield, i-head, i-wave, i-tv, i-drop, i-hand, i-air, i-check, i-arrow, i-left, i-right, i-search, i-car, i-bus, i-phone, i-star, menu, main, top, tb-l, tb-m, tb-s, tb-x, first-visit, prices, insurance, team | functions=
ORIGINAL_PROMPT: prompt/brightside-dental.md (SHA256 0605a5402681e3a9121f7309f50280bad386b3a50e08c421ed56b970f71e73ea)
EXAMPLE_SOURCE: example/brightside-dental.html (SHA256 225320d51b40f9f1c9fe356735c8e4558675d2b330842a47c9deb2f391b9749e)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\brightside-dental\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
