Lumen is a light, calm Framer template for AI agent and automation startups that sell to careful buyers: health systems, HR teams and security leads who read the security page before the feature list. Its message is simple: the agent drafts the first pass, your team approves it.
Pages
14 pages, each built for desktop (1440), tablet (810) and phone (390):
- Home
- Use cases (Health, HR and Security teams)
- Trust and security
- Pricing (per seat or per agent toggle)
- Integrations (CMS, filter by category)
- Resources and a resource detail page (CMS)
- About
- Contact
- Log in and Sign up
- Privacy and Terms
- 404
Content
- Integrations collection: 20 tools with real logos, grouped by category.
- Resources collection: posts, guides and webinars, each with its own detail page and a "keep reading" list.
Add an item and it appears on the list, the filters and its own page.
Interactions
- Headings that reveal letter by letter as you scroll
- A pinned product demo that moves through three team scenes
- Workflow tags that float around the hero and slide under the dashboard
- An integration flow that traces each step from tool to agent to your team
- A testimonial slider with autoplay that pauses on hover
- An FAQ accordion that opens one answer at a time
- A header that switches to light text over dark sections
- A section index rail on the right edge
- Felt characters above the footer whose eyes follow the cursor
- A soft halftone hover on buttons
None of the effects scale or zoom the layout.
Customize panel
A small panel in the header lets visitors try the template in another accent colour (5 presets or any custom colour), another font pairing, or a different hero button colour. It is a preview for your demo, and you can delete it in one click.
Built to edit
- Styles: 11 named colour styles (Paper, Ink, Accent and others) and shared text styles. Change the brand once and every page follows.
- Components: buttons (Primary, Secondary, Brand) with hover states, a submit button with Sending, Sent and Failed states, a tag, and a pricing plans component.
- Layout: one shared layout for the nav and footer, with a working mobile menu.
- Names: every section is named in order (01 Nav, 02 Hero…) so you always know where you are.
Forms
There are 6 forms (demo request, contact, newsletter, log in, sign up and pilot). Each one points to a demo address, so connect your own destination before you publish.
Facts
- Fonts: Instrument Serif and Inter, both free on Google Fonts.
- Breakpoints: 1440, 810 and 390.
- SEO: a title and description on every page.
- Photography: for preview only. Replace the photos, or check their licences, before going live.