Landing pages
Light cloud landing page
The fifth template: a light, airy sky style with soft blue cloud backgrounds, a Nunito display font, tracked mono labels, vivid gradient feature tiles, faux integrations, and a dashboard mockup with floating cards. The sky recolors with your brand color.
light cloud landing page · SaaS Design
The prompt
Paste into your AI agent (SaaS Design must be installed)
Using the SaaS Design system already installed in this project, build a light, airy landing page with the fifth SaaS Design landing template (Cloud). Open with a sky-blue hero on a soft cloud background (a coded SVG turbulence layer plus a few blurred white puffs), a centered top nav with a cloud logo glyph, a tracked uppercase monospace eyebrow label, a big bold headline in the Nunito display font, and a built-from-divs product dashboard mockup with two floating cards over it. Then add alternating feature rows with small UI mockups, a six-up grid of features with vivid gradient icon tiles, a faux integrations panel of line-logo brand chips, a dark stats band, a star testimonial, an about section with stat tiles, a three-tier pricing section with a highlighted plan, a closing call to action, and a footer over the same soft cloud background. Keep the sky gradients on the primary token (via color-mix) so they recolor with the brand color, use plain benefit-first SaaS copy with no em dashes, and respect reduced-motion preferences. For projects with SaaS Design installed.
These prompts tell your agent to build using the components already in your repo,
so they need the system installed on a paid license.
No license yet? See pricing
Don't have SaaS Design yet?
Get your install key, let your agent install the system in one prompt, then come back and paste any prompt to build your screens.