Modal is built for SaaS and product companies that want a calm, precise site. Black and white with bright accents, hairline grid rails, and a crisp grotesk set the tone, and soft grain gradients behind the product add warmth. The product is shown through app screens built in HTML and CSS, so they stay sharp at any size, alongside a mega menu that slides and resizes between menus, solution pages, an integrations directory, customer stories, a pricing page with a comparison table, and a searchable blog, all as fully static Astro output.
It is ideal for SaaS startups, CRM and B2B software companies, and agencies building product sites for clients that want a polished, fast marketing site whose copy lives in config files and is straightforward to customize.
Features
- Soft grain gradient behind the product windows, cards, and closing call to action
- Tabbed product window in a frosted browser frame with dashboard, records, pipeline, and activity screens
- Product UI built in HTML and CSS: dashboard, records table, pipeline board, record timeline, reports, and AI answer panel
- Dropdown mega menu that slides and resizes between menus, with icon tiles and a featured card, plus a full-screen mobile menu
- Hairline grid rails with square markers where sections meet
- Seven-accent colour system with tints and text-safe shades
- Data model bento grid, inbox sync, dark AI section, automation cards, and a reports dashboard on the homepage
- Integrations marquee of 27 real connector icons in their brand colours
- Customer stories with a feature quote and metric cards
- Pricing page with a billing toggle, four per-seat plans, and a sticky comparison table with a one-plan view on phones
- Four solution pages from one template, each with its own product screen, templates, story, and FAQ
- Filterable, searchable integrations page
- Customers, about, careers, and contact pages
- Markdown and MDX blog with colour-coded topics, a table of contents with scroll-spy, a reading-progress bar, co-authored bylines, and a share sheet
- Client-side blog search as a keyboard palette and a results page
- Canonical URLs, sitemap, RSS, robots.txt, Open Graph, Twitter/X cards, and JSON-LD
- Self-hosted Onest and JetBrains Mono, Lucide icons, and design tokens in one stylesheet
- Fully static Astro output with no framework islands, and every animation settled under reduced motion
- Accessible skip link, landmarks, labelled controls, visible focus states, and keyboard support for every menu, tab set, and dialog
Best Used For
- SaaS startups
- CRM and sales software
- B2B software companies
- Products with several solutions or audiences
- Developer tools and platforms
- Product launch sites
- Agencies building sites for SaaS clients
- Startups that need pricing, integrations, careers, and a blog in one build
- Companies moving off a site builder to Astro
- Teams that want a fast, fully static marketing site
