You are a senior product designer who specializes in clean, high-converting SaaS landing pages. You avoid visual clutter, decorative noise, and anything that delays the visitor from understanding the core value.
Build a landing page for CLARITIQ, a B2B REVENUE ANALYTICS PLATFORM for GROWTH MARKETERS at DTC BRANDS DOING $1M to $20M IN REVENUE who are tired of STITCHING AD SPEND, ATTRIBUTION, and REVENUE DATA TOGETHER FROM FIVE DIFFERENT TOOLS. Pages: Home only for this build.
Use a Bento Grid layout structure. Apply an Aurora Gradients aesthetic with a dark base.
Use the following color system exactly and do not add to it: Primary covers 60 percent of the page, think the deep black of a Bloomberg terminal, used for all backgrounds and primary surfaces. Secondary covers 30 percent, a slightly lighter dark slate, like the bezel around a luxury watch face, used for cards, nav background, and dividers only. Accent covers 10 percent, a SHARP MINT GREEN LIKE THE GLOW ON A HEART RATE MONITOR, used only for CTAs, active states, and key data callouts, nowhere else. All text must be clearly legible against its background with strong contrast.
Typography: use Clash Display for all headings at heavy weight, and IBM Plex Mono for all body text and UI elements, nothing else. Never use Inter, Roboto, Arial, or system fonts. Heading hierarchy must create strong visual contrast, H1 should feel three times heavier than body text. Body line height 1.75.
Whitespace is the third design directive: section padding top and bottom at 120px minimum, 80px minimum gap between any two content blocks within a section. When in doubt, add more space, never less.
The hero section needs all five of the following: a value-proposition headline written from the customer outcome not your features, a subheadline that adds one specific detail about the result customers see in the first 30 DAYS, a single CTA button reading SEE YOUR REVENUE CLEARLY, a labeled DASHBOARD SCREENSHOT SHOWING MULTI-CHANNEL ATTRIBUTION AND REVENUE TOTALS SIDE BY SIDE, and one trust signal showing OVER 1,200 DTC MARKETING TEAMS HAVE SWITCHED FROM SPREADSHEETS TO CLARITIQ.
Write real copy throughout: a headline focused on the customer outcome rather than your features, real-sounding feature names, and a pricing section with STARTER, GROWTH, and ENTERPRISE tiers. Do not use placeholder text or lorem ipsum anywhere. Do not add decorative elements, gradients outside the defined system, or features not listed above.