About Bottega

Bottega is a Framer template for AI-agent and workflow-automation startups. The homepage follows one story: four AI apprentices (Reader, Drafter, Checker, Clerk) prepare a Friday investor update, signed off at 16:04. Live demos play over public-domain paintings in light/dark themes.

What's inside

12 pages: Home, Workflows (CMS detail), Pricing, Security, Changelog (CMS), Evals, Start form, Terms, Privacy, 404, sample Integrations.
3 CMS collections (15 items): Apprentices (4), Workflows (6), Changelog (5). Homepage roster reads from Apprentices.
Interactive demos as code components:
- Run Sheet: full run then visitor control.
- Run Window: desktop replay with step pick, filter, search, Sign.
- Seal Button: press-and-hold approve.
- Status Pill + Meter Bars, Eval Bars, Tool Dock, Ledger Field, Footer Plate.
Design system: 27 colour styles (light/dark), 14 text styles, 4 link styles, native Button/Nav/FAQ/Submit, System page with 25 patterns.
Responsive Desktop, Tablet and Phone.

Motion

Loader (001-100 + dither disc), dither-band transitions, word-by-word headlines, dropping nav, glide plates, focus-dim, smooth FAQ. Demos run once on scroll then await interaction.

Built for Framer AI

Includes always-on build Skill + on-demand bottega-redesign Skill plus portable agent kit. Agent built the Integrations page.

Setup

Remix, rename, replace brand/mark, rewrite Apprentices CMS and component copy, swap paintings and Tool Dock logos, connect form Send To, set language and titles, publish.

Limitations

Demos are scripted simulations (no backend). Light/dark follows system (no toggle). Run Window non-interactive below ~580 px. Form needs destination. Loader/transitions only on published/preview. Demo content fictional.

Support

Email mehedi.gai@gmail.com with screenshot. Product changelog is CMS; template changes in CHANGELOG.md. Credits: CC0 Cleveland Museum paintings, Geist / Geist Mono (SIL OFL).

Bottega