Project Go

Live preview ->

Project Go is a complete website system for productized services and small senior teams that need one focused offer to feel simple, credible, and easy to buy. Oversized typography, acid color, heavy outlines, polaroid project cards, and direct editorial copy give the theme a confident identity without leaning on familiar SaaS gradients.

The demo is written for a productized website service, but the same structure works for launch studios, consultants, development partners, design and copy teams, implementation services, and other done-for-you offers with a clear process and price.

Property	Value
Tier	Pro ($59 regular)
Category	Productized Service / Studio
Display font	Geist Variable
Label font	JetBrains Mono Variable
Palette	Soft paper, near-black, and editable accent
Motion	GSAP, Lenis, and Astro page transitions
Configuration	Shared site content lives in src/config/site.ts

Included routes

• / - fourteen-section homepage with hero, moving checklist, offer grid, launch roadmap, marquees, pricing, work, comparison, proof, team, testimonials, FAQ, impact, and contact
• /work/[slug]/ - six generated project case studies
• /blog/ and /blog/[slug]/ - journal index and three generated Markdown articles
• /initiative/ - giving-forward story, principles, imagery, and CTA
• /contact/ - configurable project inquiry
• /privacy/, /terms/, and /404.html
• Generated sitemap and robots output

The production build generates 16 static pages.

What makes Project Go different

• The hero has an opening beat - project polaroids enter after the copy, then drift and separate as the visitor scrolls.
• The problem is animated, not merely described - a continuous checklist moves behind timed speech bubbles that represent familiar buyer objections.
• The process changes intelligently by viewport - wide screens receive a structured project map, smaller desktops get a smooth horizontal sequence, and mobile receives readable stacked cards.
• Pricing is connected to proof - the pricing composition includes the core offer, ongoing support, project links, and pointer-following preview images.
• Project stories are complete - six configured case studies include summaries, services, multi-paragraph stories, galleries, metrics, outcomes, and next-project navigation.
• The accent can be previewed live - one permanent theme.accent value drives the brand while an optional eight-color visitor switcher demonstrates alternatives across routes.
• Shared content has one source of truth - brand, homepage copy, projects, images, pricing, labels, forms, metadata, legal copy, accessibility text, and SEO live in src/config/site.ts.
• Long-form writing stays pleasant - journal articles use Astro Content Collections and Markdown while their surrounding interface remains configurable from site.ts.

Project Go-specific setup

Change the identity and accent

Start in src/config/site.ts. The identity block controls the name, legal name, URL, language, favicon, wordmark, and metadata defaults.

The permanent accent lives in:

theme: {
  accent: "#c8ff46",
  accentText: "#171714",
}

The optional floating preview palette is configured in previewAccentSwitcher. Edit its colors or set enabled: false to remove it.

Edit the homepage

The main homepage configuration blocks are:

• hero
• overwhelm
• simple
• process
• proofMarquee
• pricing
• workShowcase
• comparison
• proof
• team
• testimonials
• faq
• impact
• contact

Each block owns its headings, body copy, labels, links, images, alt text, and repeatable items.

Add or edit projects

Project pages are generated from siteConfig.workShowcase.projects. Every project supports:

• slug, URL, title, category, and year
• cover image and editable alt text
• summary and multiple story paragraphs
• services, outcome, and metric
• gallery images with their own alt text

Adding a configured project generates its /work/[slug]/ route during the next build.

Add journal articles

Journal posts live in src/content/journal/. Each Markdown file defines its title, description, date, category, reading time, cover image, alt text, and article body.

The journal index, route base, date locale, back label, next-article label, and other surrounding interface copy remain in siteConfig.journal.

Connect the contact form

Project Go starts in safe demo mode and sends no data. Change siteConfig.contact.form.provider to one of:

• formspree
• formsubmit
• netlify
• custom
• demo

The same configuration controls the endpoint, method, field definitions, placeholders, required states, submission label, and response messages.

Motion and accessibility

Project Go uses Lenis for smooth scrolling and GSAP for the hero entrance, scroll-linked card drift, viewport reveals, responsive process behavior, and parallax. CSS handles the continuous marquees and hover transitions. prefers-reduced-motion receives native scrolling and stable static layouts, and the theme includes semantic navigation, keyboard-accessible controls, editable alt text, skip navigation, sitemap output, and responsive layouts.