V2 — Lumina (AI Tool)
Feature reference for the AI Tool / AI Startup variant.
Table of Contents
- Overview
- Features
- AI Demo
- Authentication
- Glassmorphism Design
- Theme Customization
- Environment Variables
Overview
In-app brand name: Lumina
V2 is the dark-first, futuristic variant aimed at AI product founders, LLM wrapper tools, and AI-first startups. It uses a deep-slate base with indigo→purple gradient accents and glassmorphism cards throughout.
[Screenshot: Lumina homepage, desktop, dark mode]
Note
Lumina is the only variant that defaults to dark mode. Visitors can still toggle to light mode; light mode is fully supported, just not the default.
Features
The homepage renders these sections in order:
- Hero — centered layout with floating animated gradient orbs, a typewriter-effect headline, and a waitlist email input
- Trusted By / Logo Marquee — a smooth infinite-scroll row of brand text-marks, pausing on hover
- Capabilities — a grid of 6 AI capability cards (Smart Writing Assistant, Deep Research Engine, Workflow Automation, Team Workspaces, API & Integrations, and one more), each with a gradient icon background
- AI Demo — see AI Demo below
- Use Cases — persona-based use case cards, shown as a grid on desktop and a horizontal scroll on mobile
- Pricing — see table below
- Testimonials — a masonry layout with glassmorphism cards and decorative quote marks
- FAQ — a dark-themed accordion, 8 items
- CTA Banner — waitlist email capture with an animated success state (no email is actually sent or stored — see Environment Variables)
Pricing
| Tier | Monthly | Annual | Highlighted |
|---|---|---|---|
| Starter | $0 | $0 | No |
| Pro | $29/mo | $23/mo | Yes — "Most popular" |
| Enterprise | Custom | Custom | No |
These are placeholder prices — update them to reflect your own product using the Customization guide.
AI Demo
Lumina's signature section is a tabbed, terminal-style demo card with 4 tabs: Writing, Research, Automation, and Analytics. Each tab has example prompt/response content built in.
Selecting a tab plays a typewriter-style streaming animation that reveals the example response into a scrollable output panel, followed by metadata chips (e.g. word count, response time, relevance score).
[Screenshot: AI Demo section, Writing tab, mid-stream]
Warning
This is a scripted demo, not a live AI integration. There is no call to any language model — the prompts and responses are example content. If you want to connect this to a real AI service, you'll need to replace the example content with your own integration.
Authentication
Like all three variants, Lumina's authentication pages (/login, /register, /forgot-password) are UI only — no backend, no session handling, no real sign-in provider.
They're built on a dark, centered glassmorphism card layout (rather than Launchpad's split-panel layout): a soft background, ambient gradient glow, and a centered card with a login/register mode switcher, form fields, a divider, and social sign-in buttons. The main navigation and footer are hidden on these three pages, matching the other two variants.
Glassmorphism Design
Lumina's card surfaces use a consistent frosted-glass treatment layered on top of the shared design system — a soft translucent fill, blur, and a subtle glowing border. This is applied to Capability cards, AI Demo panels, Use Case cards, Testimonial cards, the CTA card, and the auth card. On smaller screens, cards fall back to a solid background instead of the blur effect, to keep things running smoothly on mobile.
Note
The gradient orb colors and glassmorphism effect are intentionally kept separate from the main color settings, since they're decorative, dark-mode-only effects rather than everyday brand colors. See the Customization guide for the full list of these exceptions.
Theme Customization
Structural colors (backgrounds, text, borders, primary buttons) come from the same shared design system used by all three variants. The gradient orbs and glassmorphism effect described above are the only intentional exception in this variant. See the Customization guide for the full rebranding guide.
Environment Variables
None. Lumina has zero required environment variables. The AI Demo section is a scripted animation with no real model calls, and the waitlist form only validates the email format in the browser — it does not save or send data anywhere. If you wire up a real AI backend or a waitlist/email service, you'll introduce your own environment variables (API keys, etc.) at that point.