Preview image. Unlock full-res
Mobile survey interface with four sentiment-analysis cards, each showing a personalized quote over a directional gradient background and binary response buttons.
Summary
Mobile survey interface with four consecutive sentiment questions, each featuring a personalized gradient card containing a relatable quote and a No/Yes binary choice.
Visual description
Four identical mobile frames arranged side by side, each showing a survey question "Claire, do you relate the statement below?" with a two-color icon badge at the top. The main content is a rounded gradient card occupying the card's center, containing a white quote in serif type overlaid on a diagonal directional gradient (blue-to-purple, purple-to-green, green-to-orange, orange-to-burgundy respectively). Each gradient creates visual distinction while maintaining professional tone. Below the card are two small circular buttons labeled "No" and "Yes" with filled and outline states. The outer background is neutral light gray. Status bar and phone chrome visible at top.
Key takeaway
Directional gradients on each card create visual variety while the consistent structure keeps the experience cohesive. Addressing the user by name ("Claire") personalizes the form. The quote treatment (white serif on gradient) is readable and emotionally resonant. Binary choice buttons below the card are unambiguous and mobile-friendly.
Reuse notes
Excellent for sentiment surveys, mood tracking, user research, and mental-health applications. The personalization and empathetic quote language make the survey feel less clinical. The gradient-per-card approach works for categorized surveys or multi-step assessments. Does not work with more than two response options; requires reconsideration if you need rating scales or multiple selections.
