Synth is built for AI products and platforms that want their site to show the product working rather than describe it. It combines a canvas dither engine, a full-width mega menu, an animated product tour, a live model routing table, a pricing page with a comparison table, industry, about, careers, and contact pages, a searchable Markdown and MDX blog, strong SEO defaults, accessible navigation, and fully static Astro output.
It is ideal for AI startups, SaaS companies, developer tools, API platforms, and agencies that want a polished, fast product site whose copy lives in config files and is straightforward to customize.
Features
- Canvas dither engine drawing slow gradient fields with a fine ordered grain behind content blocks
- Solid header that hides on scroll down and returns on scroll up, with a full-width mega menu, hover intent, keyboard support, and a full-screen mobile menu
- Hero pairing a photograph with a live chat widget that plays out a support conversation
- Two-row wall of company wordmarks scrolling in opposite directions and pausing on hover
- Auto-advancing product tour with three tabs: status cards, a live call with transcript, and a score trend
- Replayable answer trace showing each step behind an answer, with timings
- Model routing table whose assignments and latencies swap live, beside connected systems
- Expanding industry panels with photography, deep-linkable from the mega menu
- Customer-story carousel with portraits, outcome figures, swipe and arrow-key support, and no autoplay
- Security block, compliance standards, and an FAQ that keeps one answer open at a time
- Pricing page with plan cards, a monthly and annual toggle, and a comparison table with a sticky plan header and a plan switcher on phones
- Industry page template, shipped as Retail, with an intent table, an interactive peak-season chart, and connected systems
- About page with the company story, milestones, leadership portraits, and an interactive team globe
- Careers page with values, benefits, and open roles grouped and filterable by team
- Contact page with a sentence-style topic picker, team inboxes, and office addresses
- Markdown and MDX blog with a validated schema, topic archives, pagination, a table of contents with scroll-spy, a reading-progress bar, copyable code blocks, and co-authored bylines
- Client-side blog search as a keyboard palette and a results page reading one build-time index
- Blog covers rendered by a script and used as each post's share image
- Homepage copy, navigation, mega menu, pricing, and FAQ in config files
- Canonical URLs, sitemap, RSS, robots.txt, Open Graph, Twitter/X cards, and JSON-LD
- Self-hosted Geist and Geist Mono fonts and Lucide icons with no external requests
- Accessible skip link, landmarks, labelled controls, visible focus states, and keyboard support for every menu, tab set, dialog, and carousel
- Animation that pauses off screen and settles into still frames under reduced motion
- Fully static Astro output with no framework islands
Best Used For
- AI startups
- SaaS product sites
- AI agent and chatbot platforms
- Developer tools and API platforms
- Customer support software
- Machine learning infrastructure companies
- B2B software companies
- Product launch sites
- Agencies building sites for AI clients
- Startups that need pricing, careers, and a blog in one build
- Companies moving off a site builder to Astro
- Teams that want a fast, fully static marketing site
