Alyssa

Alyssa — Consulting & Applied AI

A dark, editorial Framer template for AI, data, and strategy consultancies — 7 responsive pages, 4 CMS collections, and custom motion components.

A near-black canvas, a single gold accent, generous typography, and empty space let the words and numbers do the selling. Every section is built to showcase real proof — metrics, client logos, named people, case studies, and testimonials — instead of generic placeholder copy.

Text, images, links, and colours are editable directly on the canvas. Blog posts and services run through the CMS, while motion comes from custom code components. Three responsive breakpoints are already laid out for desktop, tablet, and phone.

Design

Dark editorial art direction with a single gold accent.

7 reusable colour styles and 40 text styles make it easy to restyle the entire site.

Instrument Sans + Inter, with responsive type styles for tablet and phone.

Consistent 1px hairlines, cards, and section rhythm across every page.

Motion — custom code components

Scroll Heading — headlines reveal word by word on scroll.

Counter — numbers count up when the stat block enters the viewport.

Aura & Aura 2 — soft animated light fields behind hero and CTA sections.

Logo Ticker — infinite, pausable client logo marquee.

Smooth Scroll Pro — eased page scrolling across the entire site.

Mobile Nav Menu — full-screen animated navigation for mobile.

CMS

Insights — title, slug, category, date, excerpt, cover, read time, and featured flag.

Services — number, title, icon, glyph, short + long description, up to 4 tags, and image.

Case Studies — client, tag, metric, metric label, cover image, and body.

Testimonials — quote, author name, role, initials, and photo.

Dynamic blog detail page at /blog/:slug is already wired up

Components & forms

Header, Footer, Button with variants, Nav Item, and FAQ Accordion.

Contact Form — name, work email, company, budget range, area of interest, and message.

Newsletter — subscription form in the footer.