Preview image. Unlock full-res
Sales and negotiation educational platform with deep purple and electric blue UI, organizing dense business concepts across mobile screens, desktop slides, and explainer panels.
Summary
A B2B SaaS-style learning platform presented as a grid of responsive UI mockups, using electric blue and deep purple to structure negotiation-tactics education for sales professionals.
Visual description
Multiscreen composition showing four distinct display formats: two instructor videos at top with course titles and tags, a mobile phone interface with chat bubbles (light blue text on blue), a large desktop slide with a white question card and instructional text, and a web-editor mockup below. Color scheme of deep purple (#3B0382) backgrounds contrasted with electric blue (#0B66F4) interactive elements and cream (#FAE6C2) content blocks. Heavy use of white text on purple and blue. All typography is clean, modern sans-serif. The overall effect is information-dense but well-organized through color blocking and modular layout. Includes video thumbnails with instructor photos and small gold accents (tags, buttons).
Key takeaway
Bold, high-contrast color blocking that creates visual order across disparate screen states. The purple-and-blue complementary pair feels energetic and trustworthy at once, ideal for SaaS education. Consistent sans-serif typography and icon use across mobile, desktop, and embedded video creates cohesion. The cream-colored content cards pop against dark backgrounds without overwhelming.
Reuse notes
Strong template for B2B training platforms, negotiation software, or corporate LMS interfaces. Works especially well when teaching serious business concepts (sales, strategy, finance) because the deep purple + electric blue convey authority and forward momentum. Best paired with photo-based instructor content for credibility.
