Before and After

Brush or slide between any before and after photo pair.

Free with an accountReveals
Runs in the browser with no libraries. Drag, tap and type in it.Open full screen

Free with an account

Make a free Lumette account to copy the whole prompt and download the file.

Make a free accountSign in
# Before and After

Build a general before and after section any local business can use with two photos of the same view: visitors either brush the "after" in by hand or drag a classic split slider. The built-in demo pair is a weathered grey fence and the same fence freshly stained.

## Look

- Page: warm bone `#EFEBE4`, text `#141416`, one accent, gold `#C9A227` (dark `#141416` text on gold buttons). Corners 6 px, hairline borders. System fonts only: `ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif`, numbers in `ui-monospace, "SF Mono", Menlo, monospace`.

  • Paint Correction

    Annual

    Run the polisher over a swirled black panel and the deep gloss comes back.

  • Window Clean

    Annual

    Pull the squeegee down dirty glass and the garden view comes back sharp.