Elephant SaaS mobile screens yellow background

Summary

Four mobile app mockups in a grid, each a dark navy card with centered portrait photography or diagonal geometric accent, positioned on a vibrant yellow background promoting an "elephant" SaaS product with Portuguese copy.

Visual description

Four dark navy rectangular cards arranged horizontally on a bright yellow background. Each card features either a professional portrait photograph (showing businesspeople in office settings), diagonal graphic accents (in muted blue-gray and yellow), or layered copy blocks. The cards have consistent structure: small icon and close button at top left, "Soluções robustas" or similar headline in large sans-serif, body text below, and a "Send message" button with heart and action icons at the bottom. All photography is candid and professional. The extreme brightness of the yellow container creates high contrast with the dark cards, drawing focus to the dark-ui content without distraction.

Key takeaway

The contrast technique: dark card UI against a saturated bright background removes all competing visual interest and focuses attention on the mockup content itself. The combination of portrait photography + bold headline + clear CTA creates immediate credibility and product clarity. The consistent card pattern allowing multiple related screens to be displayed and compared side-by-side without visual chaos.

Reuse notes

Excellent reference for SaaS product marketing, B2B positioning, and mobile app showcase mockups. The dark card treatment works well for trust-sensitive products (financial, enterprise, security). The bright yellow background is attention-getting but may not suit all brands; it reads as energetic and modern. Photography-forward design pairs well with people-facing products. The four-screen grid works when you have distinct value propositions to communicate in parallel.