Preview image. Unlock full-res
Side-by-side phone mockups: dark slate design screen with teal wavy imagery and white copy; light beige screen with abstract spheres and green-teal accents plus website URL.
Summary
Educational coding platform EasyCode presented as two complementary mobile screens: a dark, imagery-heavy onboarding screen and a light, type-forward value proposition screen.
Visual description
Two iPhone mockups sit side-by-side against a soft blue background. The left screen has a deep charcoal-teal background with the yellow EasyCode logo, a headline in white ("The Easiest Way To Learn To Code."), and a large atmospheric photograph of light refraction through curved surfaces in teals and blacks. The right screen is cream-white with the same yellow logo, headline reading "Your Shortcut To Coding Excellence." below a soft, abstract 3D rendering of organic curved forms in muted teal, beige, and cream. Both screens display the same sans-serif display font in headlines and share the yellow accent. The right screen footer shows "easycode.com" in small sans-serif. Each mockup has an X button in the top-right corner.
Key takeaway
The two-screen treatment shows both the aspirational (photographic, dark, atmospheric) and the direct-value (abstract, light, minimal) sides of a brand in one image. The consistent color palette and typography across screens builds confidence. Organic 3D shapes soften corporate messaging.
Reuse notes
Ideal for edtech, SaaS platforms, and developer tools targeting learners. The dark-light contrast helps compare benefits without overwhelming copy. Works especially well as a hero visual or in marketing comparisons. The soft color palette (muted teal and cream) appeals to audiences seeking approachability without sacrificing sophistication.
