AiSuites: a dark, neon SaaS marketing site on WordPress with Tailwind
Case study · October 18, 2026 · 2 min read
AiSuites sells one subscription to many AI models. The site had to look like a product, not a brochure: a neon hero, a swipeable tool carousel, three pricing tiers and a sign-up flow, all on WordPress.
AiSuites bundles chat, image, video, voice and avatar tools behind one login, organised into workspaces by role, with pricing in USD. The brief was a site that feels like software: dark, neon-accented, fast, and able to take a sign-up and a payment.
Why WordPress for a SaaS site
The marketing pages change often (new models, new tiers, new testimonials), and the client wanted to edit them. Login, guest access and licence purchase could run through WordPress accounts, which meant one system instead of two. So: a custom theme, with Tailwind CSS for the styling and WordPress for the content and accounts.
The page, section by section
- A dark hero with neon accents and a single clear promise: many models, one subscription.
- A swipeable carousel of tools, touch-friendly, with a model showcase beside it.
- A three-step "how it works", because the product needs explaining before the price makes sense.
- Three pricing tiers with discount pricing and a highlighted "most popular" plan, the layout every SaaS buyer already knows how to read.
- Testimonials, an FAQ accordion, and a newsletter sign-up.
The sign-up flow
Visitors can try as a guest, log in, or buy a licence, and all three run on WordPress accounts. Keeping the account system inside WordPress avoided a separate backend for the marketing site, and it let the client see users in a dashboard they already understood.
Tailwind in a WordPress theme
Tailwind's utility classes made the dense, component-heavy layout quick to build and easy to keep consistent (one spacing scale, one colour palette). The build strips unused classes, so the shipped CSS is small despite the long pages. The site is served through Cloudflare for caching and TLS.
Lessons
Dark designs punish sloppy contrast. Every text colour on this site was checked against its background so it stays readable on cheap phone screens in daylight. And a carousel is only as good as its touch behaviour; the desktop version was done in a day, the phone version took longer.
If you are launching a product and need a site that sells it, this is the shape of the work: design, build, accounts and payments, then care after launch. Details and starting prices are on the services page.
Tags: WordPress, Tailwind CSS, SaaS, pricing page, Cloudflare