An editorial agency theme with a minimal edit surface
Growthy is a premium Astro 7 theme for agencies that want bold typography, sticky work panels, and horizontal process storytelling — without maintaining a dozen content collection folders. Three data files — content.ts, projects.ts, and insights.ts — control roughly ninety percent of what visitors see.
The art direction is editorial and dark: large footer background words, magnetic links, and Motion-powered entrances create an agency feel that reads premium, not template.
What is included
Growthy includes a long-form editorial homepage with work, services, process, and CTA sections, case-study detail routes at /work/[slug], insights index and detail routes, and a custom 404 page.
There is no separate work index route — work is a homepage anchor section linked via #work. Insights articles are TypeScript objects in insights.ts, not Markdown files.
Motion without Tailwind overhead
Growthy uses Motion 12 directly in index.astro for inView, scroll, stagger, and service accordion animations. Custom pointer and scroll progress effects add polish. Self-hosted fonts live in src/assets/fonts/.
There is no Tailwind dependency — design tokens live in src/styles/global.css.
Built on Astro 7
Growthy is built with Astro 7, TypeScript, Motion 12, @astrojs/sitemap, and @astrojs/check. Sitemap, robots.txt, llms.txt, structured data, and Open Graph ship as working code.
Reduced-motion preferences are supported. Node >= 22.12.0 is required.
Hero titles support multi-line arrays like title: ['Line 1', 'Line 2'] in content.ts for dramatic editorial headlines.
Customization workflow
Edit homepage copy and section content in content.ts. Add case studies in projects.ts. Publish insights in insights.ts. Replace demo projects and articles with real agency work before going live.
