vandoko.ai — Intelligence Platform
SaaS product site for the Vandoko market intelligence platform powered by ABM and DQP data
vandoko.ai — Intelligence Platform
vandoko.ai is a SaaS product site, not a marketing or agency site. The ABM Pipeline (Recipe 3) feeds the intelligence product with enriched account data. The DQP (Design Quality Patterns) corpus powers the design quality scoring that differentiates the platform.
This recipe is distinct from vandoko.com and vandoko.agency because:
- It markets a product with its own pricing, not a service
- The data feeding the product (ABM enrichment, DQP corpus) is itself part of the site's narrative
- Dashboard UI components are required — not just marketing blocks
brand_maturityisnew_brand(the vandoko.ai product is new, even though Vandoko as an organization is established)
Prerequisites:
- ABM pipeline outputs — enriched accounts, scored ICP data (see ABM Pipeline)
- DQP corpus data for design quality benchmarking
- SaaS dashboard components from
@vandokoregistry - vandoko-theme applied
Command
/go-vandoko vandoko.ai --tier premiumExpected Flow
Stage 1 — Interview
vandoko.ai is treated as a new brand even though Vandoko is established. The product has its own positioning and audience.
- URL:
vandoko.ai - Tier:
premium - Context: "Market intelligence SaaS platform. Users are B2B marketers and growth teams. The product surfaces enriched account data, ICP scoring, and design quality benchmarks."
- brand_maturity:
new_brand— the vandoko.ai product is launching; the parent brand is established but the product identity is new
The INTAKE stage will scrape any existing vandoko.ai presence. If the domain is not yet live, INTAKE operates in brand-first mode (no scrape; relies entirely on the interview context and Vandoko parent brand tokens).
Stage 2 — How ABM Pipeline Feeds the Product
The enrichment data from Recipe 3 (company-enrichment, buyer-mapping, icp-scoring) demonstrates the platform's capabilities in-context. The site showcases real pipeline output as product UI:
| Feature Section | Data Source |
|---|---|
| Account enrichment UI | Firmographic + technographic data display from ABM company-enrichment outputs |
| ICP scoring dashboard | Fit score visualization and tier assignment from icp-scoring outputs |
| Lookalike discovery results | Match confidence visualization from buyer-mapping lookalike data |
| Pipeline analytics | Conversion rates and engagement metrics from ABM campaign outputs |
Each of these sections uses realistic data structures from actual ABM pipeline runs. The goal is to show the product working, not mock it.
Stage 3 — DQP Corpus as Data Source
The Design Quality Patterns corpus provides the differentiated "Design Intelligence" angle of the platform. It supplies:
- Design quality scoring benchmarks — what makes a "good" website across industries (the methodology behind the QA pipeline's 7 dimensions)
- Industry-specific design trend data — sector norms for visual density, typography scale, color contrast ratios
- Anti-pattern detection examples — documented failure patterns with before/after visual comparisons
These feed the "Design Intelligence" section of the vandoko.ai product — a feature unique to Vandoko that competitors cannot replicate without the DQP corpus. The site's copy and feature descriptions reference the corpus methodology explicitly.
Stage 4 — Registry Components for SaaS Dashboard
vandoko.ai requires dashboard-specific component infrastructure beyond standard marketing blocks. The install order follows the same rule as all Vandoko properties — vandoko-theme first:
npx shadcn@latest add @vandoko/vandoko-themeThen SaaS-specific components from the registry:
| Component Category | Purpose |
|---|---|
@vandoko/vandoko-theme | Foundation — oklch tokens, hue-285 surfaces (installed first) |
| KPI cards | Metric display with trend indicators for dashboard hero |
| Data tables | Sortable/filterable account list views |
| Sparklines | Inline trend visualization for account rows |
| Sidebar nav | Dashboard shell navigation |
| Top bar | Search, filters, and user controls |
| Content area layouts | Dashboard grid and panel components |
| Data visualization blocks | Chart components for pipeline analytics section |
See vandoko-theme for the full token reference that all dashboard components inherit.
Stage 5 — Template Selection
SaaS-optimized templates are selected for the marketing site wrapper around the dashboard mockup:
aspect— optimized for feature-forward SaaS landing pages with strong visual hierarchyscalar— optimized for data-dense SaaS products with dashboard-adjacent marketing layouts
Both templates support the dashboard mockup embed pattern where a live-looking dashboard screenshot or interactive preview anchors the hero section. The orchestrator selects between them based on the concept gallery vote from Decision Point 2.
The pricing page uses platform tiers (not agency tiers). Tier names, feature gates, and pricing are distinct from the vandoko.agency service tiers.
Verification Checklist
- Site deploys at
vandoko.aidomain - Dashboard mockup sections render with realistic enrichment data — not placeholder lorem ipsum
- Design quality scoring section references DQP methodology explicitly (not generic "AI-powered" copy)
- SaaS-specific components installed from
@vandokoregistry (KPI cards, data tables, sparklines) - Pricing page displays platform tiers — distinct from agency service tiers
- vandoko-theme applied consistently; oklch tokens present in
globals.csswith hue-285 surfaces brand_maturity = new_brandreflected in STRATEGY output — fresher visual approach than vandoko.com even though parent brand tokens are shared- No
brand_maturity = establishedartifacts carried over from vandoko.com run if pipelines share an output root