极简 SaaS 落地页ui

Design a minimal SaaS product landing page. Background & layout: - Page background: pure #ffffff — no light gray, no warm white, no sections with background fills - Section separators: 1px solid #f1f5f9 horizontal rule only — no background color changes - Max content width: 1120px centered - Section padding: 80px vertical minimum Typography: - Font: Inter (700/600/500/400 weights) - Hero heading: 48-56px, font-weight 700, letter-spacing -0.03em, color #0f172a - Section heading: 28-32px, font-weight 700, letter-spacing -0.02em - Body: 16-17px, font-weight 400, line-height 1.65, color #475569 - Label/overline: 11px, font-weight 600, uppercase, letter-spacing 0.1em, color #2563eb Color: - Primary: #2563eb (mid-saturation blue — not too vivid) - Text dark: #0f172a - Text mid: #475569 - Text light: #94a3b8 - Border: #f1f5f9 (barely-there) - Never: gradients, tinted section backgrounds, multi-color CTAs Buttons: - Primary: background #2563eb, text white, border-radius 8px, no gradient, no shadow - Ghost: text only with icon, no border, no background - Only ONE primary CTA per page section — do not add secondary filled buttons Icons: - Lucide icons only, line style (strokeWidth 1.5) - Size: 18px in feature cards, 16px inline with text - Color: same as text context or primary blue for feature icons - No emoji, no filled icons, no colorful icons Components: - Feature cards: white bg, 1px border #f1f5f9, border-radius 10px, padding 24px   Icon container: 36x36px, background #eff6ff, border-radius 8px, icon color #2563eb - Navigation: white bg, bottom border 1px #f1f5f9, height 60px - Stats/proof bar: background #f8fafc, border-top 1px #f1f5f9 Rules: - No glassmorphism - No dark sections (footer can be exception) - No box-shadows except: box-shadow 0 1px 3px rgba(0,0,0,0.06) on interactive elements - No hero background image or gradient