Lumoryn is a complete frontend

Lumoryn is a complete frontend for an AI SaaS product: a dark, glowing marketing site, a creator workspace with six AI tools, and a full admin dashboard. 52 pages in total, built on one consistent design system.

What I designed and built: • Landing page with an animated hero, glowing product showcase, feature sections, testimonials, pricing and FAQ • Creator workspace with AI chat, writer, image studio, voice studio, code assistant and prompt library • Admin dashboard for users, subscriptions, payments, AI model settings, content moderation, support tickets and analytics • Light and dark modes, fully responsive from phone to desktop

Details I focused on: • A motion system with scroll reveals, number count-ups, self-drawing charts and cursor-follow glow, all respecting reduced-motion settings • Real interactions: projects, saved drafts, chat history, data tables with search, filters, pagination and CSV export, and Ctrl+K page search • Clean, dependency-free code in HTML5, CSS3 and vanilla JavaScript, with no frameworks and no build step • Accessibility: labelled controls, keyboard focus states and a readable type scale • Original artwork and a custom inline SVG icon set

Built as a ready-to-launch template for AI startups, SaaS products and creator platforms.