A second cut of the component library, rebuilt against the impeccable design language: OKLCH tinted neutrals, sixty-five character measure, exponential easing, native dialog, tabular numbers, and a sixteen-pixel floor on body text.
Live tabular digits, no flip-card animation, no bounce. The numbers update in place and never push surrounding layout.
Native <dialog> element. Top-layer rendering, ESC closes, focus trap built in, body content goes inert, backdrop blur. No z-index wars.
Two persistent-call patterns. The dock floats over content as a soft pill with a calm pulse. The CTA bar is a top strip that tints with the brand without shouting.
Old price gets a strike, new price gets weight, savings live in a soft pill in the brand rust. No red, no urgency theater.
Visible label (not placeholder-as-label), 44px touch target, on-blur validation, error/success states named. Wires to Klaviyo list X5FcVw in the live build.
Single arc on a tinted track. Slow under prefers-reduced-motion. No emoji, no animated dots, no skeleton-blink.
Accordion via grid-template-rows transition, not animated height. Smooth open, no layout thrash, keeps text-selection alive while opening.
X-ray fluorescence reads the actual lead content of a painted layer in seconds. It is the same instrument the CPSC and ASTM testing labs use for consumer-product compliance work, just smaller.
The reagent only fluoresces when it meets lead. Plain ceramic has no lead pigment, so it stays dark. The glow locks to the painted decoration the way a stamp locks to ink.
No. The carrier is isopropanol. It dries off in under a minute, leaving the dish exactly the way you found it.
Numbered steps with state (done · current · upcoming). Wraps cleanly on narrow widths. Numeric chips use tabular-nums so the row stays still while values change.
One question per screen, pick advances, progress bar fills with exponential easing. Score rolls up to a daily exposure number that lands inside the FDA IRL band.
FDA Interim Reference Level for adults is 12.5 µg/day. Children: 2.2 µg/day. The needle slides smoothly with exponential easing and the verdict color flips on band cross.
The exposure on the left, the official daily limit on the right. Tabular numerals, dark/light inversion for contrast, no fake urgency.
Three to four pull-numbers, tabular-nums so the row stays still while values change. Rule under each number for visual rhythm.
Glyph + heading + 1-2 sentences. Auto-fit columns at 220px minimum.
Pre-1978 layered paint. The drip bottle finds it on chips, chalking, and exposed wood.
Wipe-and-spray method for sills, floor edges, and anywhere a toddler crawls.
Painted decoration glows under UV. The white ceramic stays dark because there is nothing for the reagent to react with.
Three-column grid, criterion label centered. Their cells are ash instead of ink to read as the lesser side without being aggressive.
Left rust hairline, paper background, sentence-case body, attribution as monospaced caption.
Most of the people buying my lead tests already had a lead-poisoning diagnosis. The point is to test before, not after.
Eric Ritter, DetectLead
Three tones, all OKLCH. Use sparingly. Not for legal copy.
Bright green on the decoration means lead-bearing pigment. White ceramic stays dark because there is nothing for the reagent to react with.
Citrus, tomato, coffee, hot dishes. They leach more lead than cold food. If the dish glows, do not serve hot or acidic food on it.
No glow on the painted decoration after 60 seconds under UV. Re-test once a year.
Numbered process. Large rust numerals, short body, divider rules between steps.
Drip for dishes. Spray for walls, dust, soil samples.
The carrier evaporates. The reagent stays.
Green means lead. No glow means below the detection floor.
Lime accent, used sparingly to flag offers or downloads. No clip-path arrowheads. Just a small pill.
Sticky strip for long pages. Current section gets ink + bold, others stay in ash.
Rounded card with 16:9 image and a real-sentences caption. Caption strong tag for the lede phrase.
Categorical chips and a source citation block. Chips are pill-shaped, on-state is ink. Sources sit under a thin rule.
