Groundwork website homepage mockup with dark green hero section, cream text, navigation bar, two CTA buttons, plus photo of friends dining together

Event agency website mockup showing outdoor festival scene with crowd, green navigation bar, headline text, plus smaller desktop layout previews

Laptop displaying Groundwork website mockup with event photos, Figma plus Claude icons visible on left side

Groundwork Figma to website template showing 3-step workflow with design customization, Claude integration, plus launch interface

Groundwork PR events website mockup showing 12 complete pages with dark green header, lime background, pricing tiers, contact forms

Hands holding phone displaying Groundwork website with Tuscany retreat event details

Figma design system template with global color, spacing, typography variables on orange background

AI prompt guide showing setup, build, skill, design files with Figma link

Split screen showing what's included: left side has blue sky background with orange folder icon, right side lists PDF guide, Figma file, plus code folder for Claude

PR & Event Agency · AI-Ready Website Template

Name: PR & Event Agency · AI-Ready Website Template
Brand: Cassaia Supply
SKU: 384680
Availability: InStock

Created by Cassaia Supply

Save

Select license

Standard

Commercial

Commercial +

Select license

Read about product licenses

Description

Create a website that looks designed, not generated. Designed in Figma, built to work seamlessly with Claude Code. No need to be an expert..in design or development.

Groundwork is a professional AI-ready website template for PR and event planning companies. Perfectly structured to deliver instant value for small businesses, or speed up the design process for freelancers, agencies and developers.

WHAT'S INCLUDED

🌐 12 fully editable Figma design pages

3x Home, About us, Services, Project detail, Blog overview, Blog detail, Pricing, 3x Contact

🔁 Modular sections that can be reused and exchanged to your liking

🔧 Every color, spacing, and type choice lives in design tokens, giving Claude the exact structure it needs to build pixel-perfect code

🎨 A complete design system where every component and state stays in sync as you customize

📚 Step-by-step guide covering customization of Figma variables and how to connect with Claude Code

📂 Project folder with everything Claude needs to build from scratch

WHY AN AI-READY TEMPLATE

• We design it, you customize, and AI builds the website. Crafted with care, backed by years of design experience. You only have to customize it to your liking and let AI do the rest.
• No Claude Code or development experience required. The included guide walks you through the setup, step by step. You don't need to know how to code, you can refine the results by telling AI what you want to change.
• No Figma expertise required. Follow the included guide to effectively match it to your brand.
• Skip the blank canvas. You're halfway there. Focus on the right things by getting a headstart.
• Design and development in parallel. No need to hand off to a developer and wait. You're in control to launch your website in a day!

Requires a paid Figma plan (for Dev Mode) and Claude Pro or higher (for Claude Code).

Demo