Mint Noir SaaS Sitev1.0.0

Mint Noir SaaS Site

Build a dark marketing site for a software or AI product: near-black graphite surfaces, soft off-white type, hairline borders and a single mint accent, with one word in each headline set in a large italic serif. The example uses the fictional product Corvel, an AI business team for online sellers; you replace its content while keeping the composition that makes the style recognisable.

What you receive

Five connected pages share one sticky navigation bar and one footer:

• Product — an announcement pill, a two-line gradient headline, download and browser CTAs, an avatar trust row and a large app window drawn in code, with KPI tiles, a revenue chart and a key-finding note. Below it come an integrations strip, three feature cards, a bento grid, a serif testimonial with proof numbers and a glowing closing call to action.
• Pricing — a monthly/yearly switch that recalculates every price, three plans with the middle one lifted by a glow, a compare table and a billing FAQ.
• Resources — a help-centre search that filters as you type, six category cards, popular articles, levelled tutorials and a support card.
• Events — a featured live workshop with a running countdown and agenda, filterable upcoming sessions, replay cards and a newsletter form.
• Changelog — a release timeline whose active node follows your scroll, rich release cards and a "load older releases" control.

The package also includes the template, a style guide, a page library, icon rules, a framework adaptation guide and a local validator.

Make it your own

Start with the product name, a one-line category and the hero sentence, then pick the one word that should turn into the mint serif. Add the integrations your product really supports, three features, a customer story with real-looking numbers, and your plans. If help articles, events or release notes do not exist yet, the assistant can draft clearly fictional ones for you to review.

Tell the assistant which framework you use, or let it read your project. Without a preference it builds a Next.js App Router project with TypeScript, turning each page into a real route and each repeated block into a component.

Photography is limited to people: small round avatars and one portrait on the agent ID card. Use your own team photos or generate a consistent set on a plain dark backdrop with soft warm light.

Check the result

Open every page at desktop and phone width. Flip the billing switch, search the help centre, filter the events, register for a session, approve the bento action and load older releases. Run the included validator on a single-file build, or the project's own checks on a framework build. Nothing in the example sends data; connect real services only where your production site needs them.