Petal · Soft SaaS Website Design from Prompts (pastel-friendly)
A soft pastel SaaS marketing site on a lavender page with a floating pill nav, a deep-plum hero with a live-canvas mockup, coral and mint hand-tilted italic accents, a playful stat trio, a prompt-library band, testimonials, 2-tier pricing, and a dark footer.
Summary
A soft, friendly pastel SaaS marketing website on a lavender page: a floating pill nav, a deep-plum hero card with glowing blobs and a live-canvas product mockup, a trust/ratings row, a feature list paired with a canvas mockup, a playful stat trio, a deep-plum prompt-library band, a 3-up testimonial row, a 2-tier pricing block, a big final CTA, and a 4-column dark footer. Heavy rounded corners, Nunito black weights, coral + mint + lilac accents, and hand-tilted italic accent words.
Style
Warm, rounded, playful-but-premium pastel SaaS aesthetic: a light lavender canvas with deep-plum feature cards, soft multi-color shadows, big rounded radii, and friendly hand-tilted italic accent words in coral and mint. Extra-bold (Nunito 800/900) headings, generous whitespace, and Phosphor duotone-style icons.
Layout & Structure
A single-column responsive marketing page, max-width ~1180px with px-5 gutters, built as a vertical stack of generously spaced, heavily-rounded sections alternating light lavender and deep-plum surfaces. Sticky floating pill nav at top; hero, trust row, feature+mockup split, stat trio, prompt-library band, testimonials, pricing, final CTA, then a full-bleed dark footer. Most grids collapse to a single column on mobile.
Sticky pill nav
Hero card
Hero canvas mockup
Trust / ratings row
Feature list + canvas mockup
Playful stat trio
Prompt-library band
Testimonial row
Pricing block
Final CTA
Footer
Special Notes
Keep Nunito at heavy weights (800/900) for all headings and buttons; body stays 600/700. Hold the exact pastel palette (lavender page #f3f0ff, plum surfaces #1f1338, coral #ff8a73, mint #7be0c0, lilac #b69dff). Accent words must be italic AND slightly rotated, never just colored. Use only large rounded radii (4xl-6xl + full pills) and the soft plum-tinted shadows. Keep the friendly, joyful tone in all copy and never use em-dashes. Responsive: nav links and most multi-column grids collapse to a single column on mobile while the floating decorative chips hide; preserve the sticky pill nav and the deep-plum/lavender alternation.