Arrowline is a premium Astro portfolio and agency theme for creatives who want their site to feel intentional, not generic. Directional motion, sharp typography, and case-study storytelling work together so visitors understand your work, your process, and why they should hire you.
Ideal for freelancers, design studios, developers, and small agencies who need a conversion-focused portfolio without a CMS.
Included pages
- Homepage — 17 sections including hero, work, services, proof, process, pricing, journal, testimonials, FAQ, and CTA
- Work — project archive plus detailed case study pages
- Services — service cards with deliverables, timelines, and fit criteria
- About — profile, values, capabilities, and client proof
- Process — step-by-step timeline with animated path
- Pricing — configurable packages, comparison, and FAQ
- Journal — editorial index and MDX article template
- Contact — mailto inquiry form, no external backend required
- 404 — branded not-found page
- Styleguide — tokens, typography, routes, and component reference for buyers
Content and customization
- Typed Astro Content Collections for case studies and journal posts
- MDX for long-form articles
- JSON testimonials collection
- Central data files for site config, navigation, services, pricing, and contact
- Placeholder artwork when project images are not yet supplied
Design and motion
- Directional Motion System: spine line, scroll reveals, section progress marker, velocity trail
- Fixed left-rail navigation with mobile dock
- Light and dark theme toggle
- Reduced-motion support across animated elements
- Typography: Bebas Neue, DM Sans, Instrument Serif, JetBrains Mono
SEO and discovery
- SEO component with Open Graph, Twitter Cards, and canonical URLs
- Sitemap, robots.txt, llms.txt, and RSS feed for journal articles
Getting started
- npm install
- npm run dev
- npm run build
Start with src/data/site.ts for brand and SEO, then update content in src/content/casestudies and src/content/journal.
License
Paid theme. Single Use License — one end product per purchase. Not open source. Full terms in LICENSE.md.
Support: info@noel.marketing
