Preview image. Unlock full-res
Data import dialog for Google Sheets with a mint-green gradient background, clean white modal card, and field configuration table.
Summary
Google Sheets data import dialog overlaid on a soft mint-to-lime gradient background, featuring a white modal card with field-configuration table and import trigger.
Visual description
Soft pastel gradient background transitioning from pale mint-green at top to deeper emerald-green at bottom, with a yellow band bisecting the right edge. Centered white modal card with rounded corners displays a Sheets header icon and "Sheets" title. The modal contains a "Slug Field" dropdown (currently set to "Name"), followed by a configuration table listing column mappings (Genre, Year, Ranking, Director, Duration, Topic) with field names and data types. All fields display green checkmarks. An "Import from Movies" button anchors the bottom of the modal in light gray.
Key takeaway
The soft pastel gradient as a calming backdrop that does not compete with the primary modal. The data-table layout with checkmarks for selected fields creates clear affordance of configuration state. Light gray secondary button styling that recedes without disappearing.
Reuse notes
Effective for SaaS data-import flows, spreadsheet tooling, and product configuration dialogs. The gradient background elevates an otherwise utilitarian interface. Best deployed when the background gradient contrasts noticeably with the modal (white on gradient works here; risk when modal color drifts toward background tones).
