SaaS Чист

Design a clean SaaS landing: airy near-white background (#fafbfd), slate-900 headlines (#0f172a), one indigo primary (#4f46e5) owning every CTA. Hero: benefit-driven H1 (max 9 words), supporting line, primary + ghost button pair, then a polished product screenshot in a browser frame with subtle shadow floating over a soft gradient wash. Section rhythm: logos strip, 3-feature grid with line icons, deep-dive alternating rows, social proof, pricing, final CTA. Inter-class typography, 8px spacing system, 12px radii. Micro-touches: gradient text on one keyword, soft blue glow under the hero image. Avoid: more than one primary color, stock photos of people shaking hands, walls of features without hierarchy. Build an original, complete composition around the actual business and its visitor task. Use the live demonstration as a visual reference, not a universal section template. Lead with specific objects, useful content and appropriate photography. Use supplied real project imagery; label fictional concepts and generated imagery honestly. Never invent clients, testimonials, awards, usage counts or results. Give every visible control a useful outcome and an accessible name. Use deliberate motion for spatial relationships and state changes; support keyboard, touch and prefers-reduced-motion. Verify desktop and mobile layouts, image loading, contrast and form states. Avoid generic AI slogans, rhetorical em dashes, arbitrary decorative badges and repetitive three-card sections.