Vexa — AI-Powered Currency Exchange (Framer Agents Hackathon Submission)
One-liner: Vexa is a polished fintech currency-exchange website with a built-in contextual AI FAQ agent — designed, built, and made fully responsive entirely through the Framer Agent.
What it is: Vexa is a complete, production-style marketing site for a global money-movement platform. It pairs a confident “soft fintech” design system (Clash Grotesk + Inter, brand-blue palette, rounded surfaces) with real interactivity and a custom AI feature that answers customer edge cases right inside the page.
Highlights:
Full multi-page site — Home, Contact, and a branded 404, all sharing one layout template (fixed translucent nav + rich footer).
Interactive components built natively — animated segmented navigation, Open/Closed FAQ accordions, live dual-direction market tickers, and trend-aware rate cards.
Ask Vexa AI agent — an inline AI FAQ assistant beneath the FAQ. It’s a real code component wired to a configurable Chat Completions API (key, model, streaming, and a compliance-aware system prompt as controls), currently running in a safe demo mode so anyone can try it without credentials.
Fully responsive — every section adapts across desktop, tablet, and phone: type scales, grids collapse to stacks, and the nav condenses gracefully.
Motion & polish — word-by-word headline reveals, staggered card animations, and consistent spacing throughout.
Why it stands out: The entire project — design direction, layout, components, responsiveness, branding, and the AI agent escape-hatch — was created conversationally through the Framer Agent, showing how an agent can go beyond static layouts to ship a cohesive, interactive, and genuinely extensible product site.
Built with: Framer (canvas components, layout templates, variants, CMS-ready structure) + a custom React code component for the AI agent.
Vexa — AI-Powered Currency Exchange (Framer Agents Hackathon Submission)
One-liner: Vexa is a polished fintech currency-exchange website with a built-in contextual AI FAQ agent — designed, built, and made fully responsive entirely through the Framer Agent.
What it is: Vexa is a complete, production-style marketing site for a global money-movement platform. It pairs a confident “soft fintech” design system (Clash Grotesk + Inter, brand-blue palette, rounded surfaces) with real interactivity and a custom AI feature that answers customer edge cases right inside the page.
Highlights:
Full multi-page site — Home, Contact, and a branded 404, all sharing one layout template (fixed translucent nav + rich footer).
Interactive components built natively — animated segmented navigation, Open/Closed FAQ accordions, live dual-direction market tickers, and trend-aware rate cards.
Ask Vexa AI agent — an inline AI FAQ assistant beneath the FAQ. It’s a real code component wired to a configurable Chat Completions API (key, model, streaming, and a compliance-aware system prompt as controls), currently running in a safe demo mode so anyone can try it without credentials.
Fully responsive — every section adapts across desktop, tablet, and phone: type scales, grids collapse to stacks, and the nav condenses gracefully.
Motion & polish — word-by-word headline reveals, staggered card animations, and consistent spacing throughout.
Why it stands out: The entire project — design direction, layout, components, responsiveness, branding, and the AI agent escape-hatch — was created conversationally through the Framer Agent, showing how an agent can go beyond static layouts to ship a cohesive, interactive, and genuinely extensible product site.
Built with: Framer (canvas components, layout templates, variants, CMS-ready structure) + a custom React code component for the AI agent.
Orix Studio