Skip to content

template

LumiAi

By archit jain

Details

Summary

AI SAAS SUPPORT CUSTOMER

Description

Lumi — AI Support Agent Template for Ecommerce

A production-ready 4-page marketing template for AI customer support and shopping-agent startups. Warm sunset palette, editorial serif headlines, and five real interactive code components — not screenshot mockups.

4 fully designed pages

  • Home — full narrative: hero, live agent demo, use cases, catalogue, mid-CTA, discovery, channels, knowledge, integrations, handoff, analytics, ROI calculator, security, customer stories, FAQ, pricing, closing CTA

  • Features — deep-dive on what the agent does

  • Pricing — three-tier plan cards

  • Contact — styled contact form

5 interactive code components

  • Live Demo — streams question → retrieval → cited answer on a loop

  • ROI Calculator — four sliders drive four live results

  • Volume Chart — stacked weekly volume with hover tooltip + range toggle

  • Background Video — full-bleed autoplay loop with poster fallback

  • Video Loop — framed muted autoplay loop

Reusable components

  • Button (Primary/Accent/Outline with hover states)

  • Nav with mobile drawer

  • Plan Card (Standard/Featured)

  • FAQ Accordion (Open/Closed)

  • Use Case Card

Design system

  • 17 color tokens, 9 text style presets on Instrument Serif + Archivo

  • Shared Main Layout across all pages

  • Warm cream/coral palette, no dark surfaces

Real content

  • 8 product photos, editorial hero + closing shots

  • Two mp4 loops for the product and commerce sections

  • Copy written to demonstrate the product, not lorem ipsum

Who it's for

  • Founders building an AI support/commerce agent

  • Agencies pitching support-automation projects

  • Designers wanting an editorial serif SaaS reference

Technical

  • Built entirely on the Framer canvas

  • Code components are typed and lint-clean

  • Every color is tokenised — one-swatch rebrand

Not included

  • Real backend — this is a marketing template

  • Mobile breakpoints are minimal (add as needed)

Requires: Framer Basic plan or above (for code components, forms, custom domain)

Introduction

AI SAAS SUPPORT CUSTOMER

Media

Rank history

120014001600174199/169/169/169/169/16
  • AI · #197
  • All · #7419
  • Animated · #1864
  • Software · #1344
  • Startup · #1346

More like this