Echo Agent

About this template

Echo is a template for SaaS products that need to feel polished without being boring. It was built with sales and revenue tools in mind, but the structure holds up for any B2B platform — edit the UI snippets and change the copy/images, and you're done.

Pages: Home, About, Get Started (contact form), and 404. Every page is responsive across desktop, tablet, and phone.

The home page does a lot. There's an animated hero with a text highlight reveal, a scroll-triggered feature walkthrough with sticky images, testimonial cards, a two-tier pricing section (Pro + Enterprise), an FAQ accordion, animated stats counters, a newsletter signup, and a footer with a physics-based falling objects animation. The About page includes a team section with 6 cards.

19 reusable components cover everything from navigation and footer to testimonial cards, feature cards, accordions, and buttons.

7 custom code components handle the motion-heavy parts: text reveal, highlight marker cycle, AI chat widget, drag and flick image sliders, animated counter, and the falling objects physics animation.

Typography is Barlow Condensed for display headings, Stack Sans for body text, and Fragment Mono for labels and pretitles. All Google Fonts. The color system has 14 project styles — a 7-step neutral scale from white to near-black, plus 5 brand accents (yellow, green, blue, purple, orange) with pattern fills throughout.

White backgrounds, dark text, generous spacing. Bold condensed headlines, calm body copy, geometric shapes with pattern overlays. Colorful but not loud.

Good for: SaaS landing pages, CRM products, sales and pipeline tools, any B2B platform.