Preview image. Unlock full-res
Sage-green split tool section with frosted BMI input form over gel macro photo left and large result score with tiered category bars right.
Summary
An interactive BMI calculator with a frosted dark glass form over bubbling gel imagery and a right panel showing score plus graduated category bars.
Visual description
Soft sage-green background. Left: macro photo of clear gel with bubbles under a large rounded semi-transparent dark gray glass panel. White BMI Calculator heading, explanatory copy, dotted-underline labels for Height with Feet and Inches stepper inputs and Weight in Pounds, full-width black Calculate button, and small disclaimer text. Right: Your BMI label, oversized white zero default, and four horizontal frosted pill bars of increasing length for Underweight, Healthy Weight, Overweight, and Obesity with numeric ranges.
Key takeaway
Glass panel over organic macro imagery makes a clinical tool feel premium and wellness-adjacent. Graduated tier bars visualize BMI categories without a heavy chart library. Stepper inputs suit desktop health tools where precision matters.
Reuse notes
Good for telehealth or wellness sites offering free assessment tools. Glass effects need fallback for low-end devices. Disclaimer copy is required for medical calculators; do not omit.
