Relay is a clean, enterprise-ready Framer template built for AI SaaS, customer intelligence, and B2B software products. It combines a soft beige aesthetic with sharp blue accents, rounded card sections, and a structured layout that feels premium without being overdesigned.
Built for teams who need a credible marketing site fast — and want something buyers can trust on first scroll.
What's included
- Home — Hero, capabilities, build/agent workflow, integrations, security, FAQ, and footer CTA
- Contact — Info cards, contact form, and conversion-focused layout
- 404 — Custom error page with return-home and contact actions
- Shared layout template — Consistent navigation and footer across all pages
- Reusable Button component — Primary and secondary variants with link controls
- FAQ component — Expandable questions for common buyer objections
Responsive by default
Fully adapted across 4 breakpoints:
- Desktop (1440px)
- Laptop (1024px)
- Tablet (768px)
- Phone (402px)
Max content width: 1440px. Sections stack cleanly on mobile; forms and CTAs adapt for smaller screens.
Design system
- Typography: Inter with defined text styles (Display, Headings, Body, Label, Small)
- Layout: Stack-based sections with consistent spacing, borders, and rounded containers
- Visual style: Light surfaces, subtle borders, image-backed hero sections, blue primary accent
Motion
Scroll-triggered appear animations on sections and key text — subtle fade-and-slide effects that run once (no replay on scroll back).
Best for
- AI agent platforms
- Customer success / customer intelligence tools
- Enterprise SaaS startups
- B2B products needing a credible landing page
- Teams launching an MVP site before custom design
Easy to customize
Replace copy, images, and colors to match your brand. Update navigation links, wire CTAs to your pages, and swap section backgrounds in minutes. No custom code required.
