Greenfield Layouts

Greenfield Layouts is a one-page website for a gated plotted development off Bengaluru–Mysuru Road. The hero pairs a serif headline and key facts with a site-plan card showing a mini map and plot counts, over an illustrated landscape of fields and coconut palms. Below are the interactive layout map with a plot detail panel, eight amenities, six approval cards, a payment plan, a location section with a route sketch and distances, and a site-visit form. The map draws 30 plots in SVG, coloured and patterned as available, reserved or booked. Clicking a plot, using the arrow keys or picking from a dropdown shows its dimensions, area, facing, rate, price and status, and booked plots suggest free ones of the same size. Status chips dim other plots, and the payment plan recalculates for the chosen plot. The visit form validates and opens WhatsApp. The project, plots, prices and approval numbers are placeholders the studio replaces. The palette is earthy green and sand with leaf, ochre and clay status colours. Headings use Young Serif and text Work Sans. Motion is limited to short hover transitions, which respect reduced-motion settings. The layout stacks to one column with a mobile menu down to 360 px. It suits plot developers, land promoters and channel partners selling gated residential layouts around Indian cities.