Stella

It works best when the product already has real momentum and the website needs to do more than collect early sign-ups. Stella gives you the page depth to explain the product, show integrations, publish releases, and make the company feel established.

By The Numbers

• 18 Pages
• 19 Sections
• Blog Archive + Single Post Layouts
• Integration List + Single Pages
• Career List + Single Pages
• 3 Form Integrations

Full Product Marketing Page Set

Stella includes a solid page stack for product websites.

• Home
• Company
• Features
• Pricing
• Testimonial
• FAQ
• Changelog
• Career
• Career Single
• Integration
• Integration Single
• Contact
• Blog
• Blog Single
• Custom content pages
• 404 Page

Built Around The Questions Buyers Ask

Stella works well because the page mix matches the normal SaaS buying flow.

Visitors can move from:

• Feature explanation
• To pricing
• To testimonials
• To FAQ
• To integrations
• To contact or sign-up intent

The changelog and integration pages also help reduce friction for product buyers who want proof that the tool is active and fits their workflow.

Navigation For Product Sites With More Depth

The source project includes:

• Mega menu support
• Multi-level dropdown menus
• Badge and dot markers
• Localized menu files
• Sticky header control

{
  "name": "Product",
  "hasMegaMenu": true,
  "menus": [
    {
      "name": "Explore",
      "children": [
        { "name": "Features", "url": "/features/" },
        { "name": "Integrations", "url": "/integration/" }
      ]
    }
  ]
}

That is useful for product sites that need room for features, docs-style pages, blog content, and support pages.

Fast Config Changes Without Component Hunting

Stella keeps the main site controls in config files.

• src/config/config.toml
• src/config/menu.en.json
• src/config/menu.fr.json
• src/config/social.json
• src/config/fonts.json

[settings]
stickyHeader = true
contactFormProvider = "formsubmit.co"

This makes it easier to change the navigation button, SEO defaults, forms, social links, and newsletter setup without rewriting templates.

Multilingual and Content Workflow

Stella includes multilingual project structure, Markdown and MDX support, Shiki code highlighting, and optional table of contents settings.

If you want a single-language setup:

npm run remove-multilingual

If you want to rebuild multilingual content later:

npm run generate-multilingual-content

Contact Forms That Do Not Box You In

Stella supports:

• formsubmit.co
• formspree
• netlify

That gives product teams a fast launch path and an easy switch later if the form workflow changes.

AI-Assisted Coding Ready

Stella ships with built-in instructions for AI coding assistants, so tools like Claude, OpenAI Codex, Cursor, GitHub Copilot, Gemini, and Windsurf can read the theme’s structure, content model, and conventions from the start.

Instead of guessing, your assistant follows the same rules the theme is built on: where sections, content, and schemas live, which shared components to reuse, and how to stay on the design system.

• AGENTS.md — full project rules for any agent (also read natively by OpenAI Codex)
• CLAUDE.md — guidance for Claude and Claude Code
• GEMINI.md — guidance for the Gemini CLI
• SKILLS.md — step-by-step recipes for the jobs you do most (add a section or page, rebrand, manage languages, add an icon)
• .cursor/rules, .github/copilot-instructions.md, .windsurf/rules — editor rules for Cursor, GitHub Copilot, and Windsurf

The result is simpler AI-assisted editing with fewer off-pattern changes.

Final Take

Choose Stella when your SaaS is past the first launch and needs a site that can explain the product, show momentum, and support a larger company story.