An agency theme built to convert
Arrowline is a premium Astro theme for agencies, freelancers, and consultants who need more than a project grid. It combines directional motion, sharp typography, and a long-form homepage designed to move visitors from proof to pricing to contact.
The layout is conversion-focused: hero, selected work, services, social proof, process, pricing, journal highlights, FAQ, and a final CTA — all on a single cohesive homepage, with dedicated routes for deeper content.
What is included
Arrowline includes the pages a serious agency site needs: home, work index, case-study detail pages, services, about, process, pricing, journal index and detail, contact, styleguide, RSS, robots.txt, llms.txt, and a custom 404 page.
Case studies are stored as MDX in src/content/casestudies/. Journal posts live in src/content/journal/. Testimonials, pricing packages, contact details, and navigation are editable from clear TypeScript data files.
Directional motion and light/dark mode
Arrowline uses Motion for scroll-linked directional animations that reinforce the arrow-and-line design language. A light/dark theme toggle lets buyers match their brand palette. When a visitor prefers reduced motion, animations fall back to a cleaner static reading experience.
Built on a static-first Astro stack
Arrowline is built with Astro 6.4, Tailwind CSS v4, TypeScript, MDX content collections, and Motion. The theme compiles to static output with no required CMS, database, or backend.
The styleguide route maps every page and documents where to edit branding, navigation, pricing, case studies, journal posts, and contact settings — so customization stays predictable after purchase.
Customization workflow
Most day-to-day changes happen in predictable places. Update pricing in src/data/pricing.ts, case studies in src/content/casestudies/, journal posts in src/content/journal/, and site-wide settings in the data layer. Replace demo copy, testimonials, and contact details with real buyer content before publishing.
