Appearance
What You Get
A complete, production-ready Framer project you can duplicate, edit, and publish as your own agency website.
Pages Included (9 Pages + Dynamic Routes)
| Page | URL | Description |
|---|---|---|
| Homepage | / | Hero with TerminalDashboard, services overview, featured cases, blog preview, ROI calculator, and CTA. Showcases your automation work. |
| Pricing | /pricing | Detailed feature comparison table across 3 service tiers. Easy to customize for your plans. |
| Cases | /cases | Portfolio grid of client success stories powered by Cases CMS (9 case studies included). |
| Case Detail | /cases/:slug | Auto-generated detail page for each case study with full metrics and testimonials. |
| Blog | /blog | Article listing with category filtering. Includes 9 sample articles. |
| Blog Post | /blog/:slug | Auto-generated detail page for each blog article. |
| Careers | /careers | Open positions listing powered by Open Roles CMS. For recruiting new team members. |
| Job Detail | /careers/:slug | Auto-generated job detail page with application form. |
| About | /about | Agency story, team members, values, and company metrics. |
| Contact | /contact | Contact form and agency details. Connects to your email. |
| Legal Pages | /legal/:slug | Auto-generated pages for Privacy Policy, Terms of Service, and other legal documents. |
| 404 Page | /404 | Playable retro arcade game. Keeps visitors engaged when they hit dead links. |
CMS Collections
SYNTHEXA includes 7 fully configured CMS collections with sample data:
Dynamic Collections
Blog (9 articles) — Articles with authors, categories, read time
- Authors: James Whitfield, Priya Nair, Natasha Osei, Sofia Andrade
- Categories: updates, finance, revenue ops, strategy, team ops
- Topics: automation ROI, data quality, CRM automation, and more
Cases (9 case studies) — Project portfolio with success metrics
- Companies: Acme Corp, Luckycharm, Biosynthesis, 45 Degrees, AsiaWave, Capsule, Chromatools, Clandestine, Hexsmith
- Includes: hours saved, cost reduction ($18.7K–$40K), success rate (98.7–100%)
- Testimonials with author names and positions
Open Roles — Job listings for recruiting page
- Includes: title, department, location, employment type
Supporting Collections
- Blog Authors — Author profiles referenced by blog posts
- Blog Categories (5 categories) — For blog filtering
- Pricing (24 items) — Detailed feature comparison table across 3 plans
- Features include: workflows, integrations, support, SLA, documentation
- Legal (2 pages) — Privacy Policy and Terms of Service
Custom interactive components
TerminalDashboard
Multi-panel data visualization widget that displays your metrics with an authentic retro aesthetic. Customize any metric name and values to showcase case success rates, cost savings, hours automated, or ROI impact.
Features include:
- Live metric displays with animated counters
- Built-in terminal panel with typewriter effect text — display code, logs, or any narrative text
- Charts and diagrams for visual data representation
- Custom SVG support — embed your own charts, graphs, or branded visuals
- Fully configurable colors, layouts, and panel arrangements
ROICalculator
Interactive slider-based tool for demonstrating client savings and automation benefits.
Build your own calculation model:
- Custom formulas — define exactly how your savings are calculated
- Configurable parameters — set sliders, inputs, and multipliers to match your pricing
- Live calculation display — visitors see real-time results as they adjust inputs
- Customizable labels and descriptions for each metric
Retro Arcade Game
404 page engagement experience that keeps visitors entertained when they hit dead links.
Design System
SYNTHEXA comes with a complete design system:
- 23 color tokens organized in groups (Terminal, Brand, Background, Text)
- 15 text styles from display headings to mono labels
- Two font families — Inter (clean, readable) + IBM Plex Mono (terminal aesthetic)
- Consistent spacing and layout rhythm throughout