DataReport.ai 4 home directions · June 2026

Home page · direction study

Four home pages for DataReport.ai. Same product, four voices.

The current home leans mission-control. These four alternatives push the home in four different directions: a product-led live demo, an editorial trust piece, a brutalist declaration, and a 4th that takes the manifesto and re-skins it in the dark mission-control register. Pick one as the direction, or take a section from each.

Brand
datareport.ai (existing)
Audience
Agencies running 5+ client sites
Stack
Self-contained HTML · no build
Fidelity
High-fidelity, production-ready
Variants
4 · 1 product-led, 1 trust-led, 1 manifesto, 1 mission-manifesto

Each variant is a self-contained file. The current home on datareport.ai is the reference — these are alternatives that push the brand voice in different directions. Open the variants, scroll, then come back here to compare. The 4th variant (mission-manifesto) uses anonymized project names so it can be shared without exposing real clients.

See the in-app direction study →

Sibling study — in-app directions

3 in-app variants · same 6 projects, three reading modes · open the in-app study →

The four home variants

Open each in a new tab. The product preview, copy, and structure differ.
DataReport.ai Product Integrations Pricing Start free The analytics dashboard your clients can actually read. Start free Book a 15-min walkthrough datareport.ai/dashboard ANALYTICS Portfolio PROJECTS bau-master userback Portfolio PROJECT bau-master.com 2,372 userback.io 707 frauen.yoga 4 finanzkonzept.at 72
VARIANT 01 · MODERN MINIMAL

Product-led · live demo

A high-fidelity fleet preview embedded in the hero. The product IS the home page — the visitor sees exactly what the dashboard looks like before they sign up.

  • Linear / Vercel visual register
  • Real numbers in the hero (bau-master 2,372 / userback 707)
  • How-it-works in 3 numbered steps with mini UI
  • Pricing as 3 cards, "Agency" featured
Open variant 01
DataReport.ai The problem Cases In the product Pricing ISSUE 01 · 2026 — AN ESSAY A dashboard, not a report. For an agency that runs five client sites, the monthly PDF has stopped making sense. Start free Read the manifesto bau-master.com June 2026 Steady growth across organic and direct. SEARCH CLICKS 2,372 ▲ 18.4% SESSIONS 2,578 ▲ 9.2% KEYWORDS 1,911 + 41 new GA4 · GSC · DATAFORSEO B-MASTER
VARIANT 02 · EDITORIAL

Trust-led · magazine spread

The home is a long-form essay on the agency reporting problem. A magazine-style client report card on the right. Pull quotes, drop caps, byline.

  • FT / Monocle / The Economist visual register
  • Single bau-master "report card" as the hero visual
  • "In the product" — 6 modules as numbered editorial list
  • Pricing as a comparison table, not cards
Open variant 02
DataReport.ai 12 DECLARATIONS THE PRODUCT HOW PRICING ISSUE 01 · 2026 · NO REPORTS A DECLARATION STOP MAKING MONTHLY REPORTS. DATAREPORT.AI · BUILT FOR AGENCIES ● 6 PROJECTS LIVE · SYNCED 14M AGO FROM €29/MO ADD YOUR FIRST PROJECT → READ THE 12 DECLARATIONS
VARIANT 03 · BRUTALIST

Philosophy-led · declaration

A manifesto home. Oversized serif "STOP MAKING MONTHLY REPORTS" with a literal strike-through. 12 numbered declarations as the structural spine. Monospace body.

  • Are.na / Yale / mschf visual register
  • 12 declarations — one per numbered row, all 2px rules
  • Product mock is stark wireframe, not a screenshot
  • Single red accent, 2px full-ink borders, 0 radius
Open variant 03
datareport.ai LIVE 12 DECLARATIONS · PRODUCT · PRICING START FREE → ISSUE 01 · 2026 · NO REPORTS A DECLARATION STOP MAKING MONTHLY REPORTS. 01 Your client's data is live. The PDF is not. 6/6 ● 02 "Last month" is not a timeframe. It is a delay. +12.8% 03 Five tabs in five windows is five single-clients. 1 → 6 04 An agency does not own screenshots. It owns the story. 14m DATAREPORT.AI · BUILT FOR AGENCIES ● LIVE · FROM €29/MO ADD YOUR FIRST PROJECT → 12 DECLARATIONS
VARIANT 04 · MISSION-MANIFESTO

Manifesto × mission control

The 3rd variant's manifesto skeleton, re-skinned in the dark mission-control register. The same 12 declarations — but each row carries live fleet data (clicks, sync time, monitor status). Anonymized project names so it can be shared.

  • Dark mission-control skin (navy bg, mint accent)
  • 12 declarations × live data — 4-col grid per row
  • Embedded dark dashboard preview with anonymized projects
  • Live monitoring feed as a new section, post-product
Open variant 04
DIRECTION NOTESHow they differ

01 · Product-led

The home sells the product by showing the product. Best for buyers who are technical, comparison-shopping, and want to see the dashboard before they sign up. The visual register is "shipped software" — Linear, Vercel, Notion.

02 · Trust-led

The home is a long-form essay that earns the click. Best for buyers who are pain-aware (they've been writing monthly PDFs) and want emotional resonance before they sign up. The visual register is "publication" — FT, Monocle, The Economist.

03 · Philosophy-led

The home is a manifesto. The product is the answer to a question. Best for buyers who resonate with conviction and a strong point of view. The visual register is "manifesto" — Are.na, Yale, mschf.

04 · Mission-manifesto

The manifesto skeleton from variant 3, but in the dark mission-control register of the in-app product. The 12 declarations carry live fleet data on the right. Best for buyers who already trust the product (saw a demo) and need conviction to convert. Anonymized project names — safe to share.

Section-by-section, at a glance.

Same data, same product — different section rhythm. Pick the structure that matches the buyer's reading mode.

Section01 · Product-led02 · Trust-led03 · Manifesto04 · Mission-manifesto
Hero postureEmbedded fleet preview, real numbersEditorial byline + bau-master report card"STOP MAKING MONTHLY REPORTS" declarationSame declaration, dark skin, pulsing live indicator
How the product is shownLive HTML preview, the dashboard itselfOne client's "report card" deliverableStark wireframe mock, full-ink bordersDark embedded dashboard, anonymized project names
Body registerShort product copy, system sansLong-form essay, serif body, drop cap12 numbered declarations, mono body12 declarations × live fleet data, 4-col rows
Pricing presentation3 cards, "Agency" featuredComparison table, 6 rows3 columns, ink-filled "Agency" panel3 columns, surface-2 "Agency" panel, green CTA
Accent coloroklch(58% 0.18 255) — teal-blueoklch(48% 0.18 28) — deep redoklch(55% 0.24 25) — bright redoklch(82% 0.18 165) — mint green
Type systemSF Pro Display, system sansIowan Old Style, serifTimes New Roman + monospaceTimes New Roman + monospace on dark
BackgroundLight neutral, system chromePaper white, ink textStark white, near-black inkDark navy, off-white fg, mint accent
Best forTechnical buyers, comparisonPain-aware buyers, trustConviction-driven buyers, brandBuyers who've seen the demo, need conviction

Next steps.

01

Pick a direction.

Choose one as the canonical home, or pick sections from different variants (e.g. manifesto hero + product-led how-it-works + editorial case studies).

02

Refine the copy.

The variants are intentionally opinionated. Rewrite any line — headlines, feature descriptions, case study ledes — to match your real voice.

03

Wire the real data.

Swap the placeholder numbers for live data. Add a real integrations strip. Connect the pricing page, the sign-up form, and the changelog.