Colour House — Interactive Exterior Painting Website

Turn a fresh coat of paint into an interactive website experience. Colour House combines a soft lilac background, plum typography, lime accents and responsive studio controls with three photorealistic house exteriors.

Choose from seven paint shades and click and drag the roller across the walls or woodwork. Photograph-aligned masks keep paint within the intended surfaces, including roof-edge timber, window frames and shaped door surrounds. Luminance-based compositing retains stucco texture, shadows, bevels and door-panel depth while protecting glazing, handles and landscaping.

Change house cycles between Sunshine house, Coastal cottage and Terracotta villa. Each scene retains its own wall and woodwork paint during the session. Roll it for me animates a complete coat, and Start again clears the active house. The buttons include animated highlights, hover lift and press feedback, with reduced-motion support.

Plan my house opens a native project dialog that downloads a text brief. It does not send email or submit to a quote service.

This product is a complete one-shot reconstruction prompt containing runnable HTML, CSS and JavaScript, exact visual specifications and verified public URLs for the three photographs and six paint masks. No framework, package installation or backend is required. Serve the generated files over HTTP; internet access is required for the hosted PNG assets. Fonts use system fallbacks, so their appearance can vary by operating system.