You are a senior web designer and front-end developer. Build...

Prompt

You are a senior web designer and front-end developer. Build a single, self-contained HTML landing page for "Impaact Intelligence Marketing," a one-person marketing and intake-automation firm serving law firms. Output one complete HTML file with all CSS inline and no JavaScript frameworks. The only external resource allowed is Google Fonts. BRAND POSITION Impaact helps law firm owners stop being the bottleneck in their own business. The core belief: a business owner shouldn't have to be the bottleneck, and growth should come as a result of operational freedom, not at its cost. The product is Impaact Lead Intelligence, a system that captures, organizes, routes, and follows up on inquiries so every lead has an owner, a fast response, and a clear next step. VISUAL DIRECTION The page should feel like entering the private office of a high-end corporate advisory firm: quietly authoritative, premium, architecturally clean, and deeply structured. It should look like institutional-grade software for serious legal practices, not a startup template. - Palette: near-black (#0E0F11) and warm off-white (#F4F2EE) as the core, with slate grey for secondary text. Use one restrained accent, a muted brass (#B08D57), sparingly for rules, small labels, and the primary button only. - Typography: a high-contrast serif for headlines (for example, Playfair Display or Cormorant Garamond) paired with a clean sans-serif for body text (for example, Inter or IBM Plex Sans). Generous line height, strong hierarchy, no more than three type sizes per section. - Layout: generous whitespace, a strict 12-column grid on desktop, single column on mobile, hairline dividers, and asymmetric editorial alignment. Sections should breathe. - Imagery: none. No stock photos, no icons grids, no illustrations, no 3D shapes, no gradients, no glow effects, no animated particles. If you want a visual element, use one thin architectural line or a simple typographic treatment. - Charts or dashboards: none, or at most one calm, static, uncluttered panel that shows three numbers with plenty of space around them. STRICTLY AVOID - SaaS clichés: neon gradients, glassmorphism, purple or cyan themes, playful cartoon art, bouncy micro-animations. - Agency noise: smiling handshake photos, fake gold ribbons, "Trusted by" logo walls, cluttered feature grids. - Over-engineered dashboards: glowing graphs, busy panels, stressful visual density. - Invented credentials: no fake client logos, testimonials, case studies, awards, statistics, or results. If a proof area is needed, state plainly that Impaact is taking on a small number of pilot firms and is building its track record openly. - Fake urgency: no countdown timers, "limited spots" banners, or pop-ups. PAGE STRUCTURE AND COPY Use this copy as written, adjusting only for layout. Do not invent new claims. 1. Header: wordmark "Impaact Intelligence Marketing" on the left. Navigation: How it works, What we won't do, Pilot. One button on the right: "Book a 20-minute call." 2. Hero: Headline: "Stop being the bottleneck in your own firm." Subhead: "Impaact builds the system that captures, organizes, and follows up on your inquiries, so you can spend your time leading the firm instead of chasing leads." Primary button: "Book a 20-minute call" Secondary text link: "See how it works" 3. The problem: "Most marketing agencies and automation providers start with the tool instead of the problem. They sell you a dashboard, a chatbot, or a stack of automations, then leave you to figure out how it fits into your day. Meanwhile, the real problem stays the same: the business depends on the owner to keep everything moving. The owner ends up running a second job, and leads, follow-ups, and bookings slip through the cracks when things get busy." 4. The belief: "Growth doesn't come from more activity. It comes from making sure every opportunity has a clear owner, a fast response, and a clear next step, and then checking whether it became a real client." "A business owner shouldn't have to be the bottleneck. Their time should go into leading the firm, not chasing leads, following up, and managing marketing all at once. Growth matters, but it should come as a result of that freedom, not at the cost of it." 5. What we won't do (render as a clean list with generous spacing): - Make claims we can't back up. No guaranteed cases or "number one in your market" without proof. - Use AI to fake credibility. No fabricated reviews, testimonials, case studies, or AI-generated "experts." - Touch client data carelessly. Lead and intake information stays private and is used only to serve that firm. - Use aggressive or deceptive tactics. No spam blasts, no low-quality leads dressed up, no pressure tactics. - Publish anything without approval. Nothing goes live or spends money without the owner's yes. - Take on a client we can't serve well. If the fit isn't right, we say so up front. Closing line: "These aren't negotiable. We'd rather lose a sale than put a client's reputation or trust at risk." 6. How it works (six numbered steps, each with a short title and one or two sentences): 1. First conversation: We talk through how your intake works today and tell you honestly whether we can help. 2. Mapping: We document your current process, including the steps that rely on you personally. You see the map before anything is built. 3. Building: We set up how inquiries are captured, organized against criteria you approve, and routed to the right person with a clear next step. 4. Testing: We run the system on past or sample inquiries. Nothing touches a real prospect until you sign off. 5. Launch: Once you approve, it goes live. You get one clear page showing what's ready, what's waiting on your yes, and what changed. 6. Improvement: Every month we review leads received, consultations booked, cases signed, and where the process still breaks, then adjust. 7. What you receive and what we take off your plate, presented as two side-by-side columns: You receive: a connected intake and follow-up system set up for your firm, a clear record of every lead and its next step, the content and follow-up drafts you approve, and a monthly review of what's working. You keep the workflows and tracking even if we stop working together. We take off your plate: research, setup, day-to-day follow-up, tracking, and chasing. Your job is to approve, decide, and lead. 8. The pilot (honest offer): "Start with a short, focused pilot on one part of your intake or follow-up. You'll see what gets set up, what it costs, and what changes. If it doesn't move the numbers you care about, you walk away with no long contract to untangle. Nothing goes live without your approval." 9. Final call to action: Headline: "Ready to get your time back?" Button: "Book a 20-minute call" Supporting line: "Tell us how your intake works today. We'll tell you honestly whether we can help." 10. Footer: "Impaact Intelligence Marketing. Built for law firm owners who want to lead, not chase." Include a simple contact placeholder and a small line: "We do not guarantee case outcomes or rankings." INTERACTION AND ACCESSIBILITY - Mobile-first, responsive down to 360px wide. - Smooth scroll for in-page navigation, with no other motion. Respect prefers-reduced-motion. - Sufficient contrast (WCAG AA minimum), visible focus states, semantic HTML (header, main, section, footer), and proper heading order with one h1. - Buttons are real anchor or button elements with clear labels. - Page load should be fast: no images, no heavy scripts. OUTPUT Return only the complete HTML file in one code block, with a <title> of "Impaact Intelligence Marketing | Operational Freedom for Law Firms" and a meta description: "Impaact builds the intake and follow-up system that lets law firm owners lead, not chase leads."

A system prompt was added to support web rendering