Kubiya.ai - Website Structure & Design Analysis
kubiya
Kubiya.ai - Website Structure & Design Analysis
Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js (React) |
| Styling | Tailwind CSS |
| Hosting | Vercel |
| Analytics | Google Analytics, Google Tag Manager |
| Ads | Google Ads |
| B2B Analytics | Reb2b (visitor identification) |
| Performance | Vercel Speed Insights |
| Docs | Mintlify (separate docs.kubiya.ai) |
| App | Separate compose.kubiya.ai |
Site Structure (~130+ pages)
| Section | Pages | URLs |
|---|---|---|
| Core Product | Homepage, Platform, Composer | /, /platform, /composer |
| Commercial | Pricing, Book Demo, Contact Sales | /pricing, /book-demo, /contact-sales |
| Company | About, Careers, Manifesto | /company, /careers, /manifesto |
| Content | Blog (119 posts), 4 Whitepapers | /blog/, /whitepaper/ |
| Legal | Privacy, Terms, SLA, Vulnerability | /privacy, /terms, /sla, /vulnerability |
| External | Docs, Login | docs.kubiya.ai, compose.kubiya.ai/login |
Navigation Structure
Header: Home | Platform | Resources | Pricing | Blog | Whitepaper | Manifesto | Docs | Careers | Company | Login | [Book a Demo]
Footer (3 columns):
- Navigation: Home, Platform, Docs, About
- Resources: Pricing, Book a Demo, Careers
- Legal: SLA, Terms, Privacy, Vulnerability
CTA Strategy
| CTA Type | Placement | Target |
|---|---|---|
| "Book a Demo" | Header (persistent), bottom of every page | /book-demo |
| "Get Started" | Pricing page | signup |
| "Contact Sales" | Enterprise tier, /contact-sales | Sales form |
| "Start Pilot Program" | Pricing page | Demo/sales |
| "Try It Now" | Composer page | compose.kubiya.ai/login |
| "Download Whitepaper" | Blog posts, whitepaper pages | Gated form (name, email, company) |
Primary conversion goal: Demo booking. Whitepapers as mid-funnel lead magnets.
Design
- Dark theme dominant with light mode toggle
- Purple/violet accent color throughout
- Card-based layouts
- Gradient backgrounds on hero sections
- Clean, modern enterprise SaaS aesthetic
- Responsive grid: 1 col mobile, 2 col tablet, 3 col desktop
- Sticky/persistent header navigation
Trust Signals (repeated across pages)
- 11 enterprise customer logos (Microsoft, Ford, VW, Atlassian, Audi)
- 3 award badges (Gartner Cool Vendor, TechForward 2025, Intellyx 2025)
- HashiCorp CTO testimonial
- Specific metrics (85% faster response, 72% cost reduction, 10x productivity)
Content Strategy
- Blog: 119 posts, heavily SEO-driven, long-form (20-25 min reads, 4,000+ words)
- Topics: AI Agents, Context Engineering, Deterministic AI, DevOps/Platform Engineering, Enterprise concerns
- Whitepapers (4): Context Engineering, Agentic AI Engineering, TechForward Buyer's Guide, Time to Production
- All gated with 3-field forms (name, email, company)
- Manifesto page -- philosophical differentiation ("Stop Automating, Start Delegating")
Key Takeaways for Building a Similar Site
- Next.js + Tailwind + Vercel is a proven, fast stack
- Content-led growth is central: 119 blog posts + gated whitepapers
- Single primary conversion action (demo booking) on every page
- Novel pricing unit ("Agentic Engineering Hours") encourages conversation with sales
- Manifesto page creates philosophical separation from competitors
- Enterprise trust signals repeated aggressively across pages
- Dark theme with purple accents -- technical, modern feel for DevOps/AI audience
- Long-form blog posts (20+ min reads) for comprehensive SEO coverage