Marketing · Clean SaaS · 7 blocks
AI tool landing page
A complete, quietly confident product page. Introduce your tool, show its workflow, explain the plans, and answer the questions that matter.
The page, block by block
Install and compose these blocks in this order.
Keep the design intact
- Keep the hero title around 8–12 English words or 14–24 Chinese characters; choose a shorter title if it wraps beyond three lines.
- Use one primary action across the navigation and hero. Connect the action to your real workspace or onboarding route.
- Keep the 1152px content width, violet accent, neutral borders, and shared section spacing throughout the page.
- The format strip describes supported formats, not customer endorsements. Replace it with verified capabilities only.
- Use three concise feature stories, three plans, and around four FAQs. Check longer content on mobile.
- Frame is a fictional demonstration product. Replace all plan details, demo notices, and claims with your own verified product information before launch.
Hand this recipe to your AI assistant
Build a product landing page using the UIBlocks tool-landing recipe in the clean-saas style. Install navigation-01, hero-01, logo-cloud-01, features-01, pricing-01, faq-01, and footer-01 in that order. Inspect the complete page preview before adapting it. Keep the content width, typography, borders, violet accent, and section spacing consistent. Replace the fictional Frame content with my actual product copy and connect the primary action to my workspace. Do not invent customer logos, reviews, product capabilities, or prices. Check the final page with real English and Chinese content at desktop and mobile sizes.
Read the recipe JSON