Northframe is a premium Astro 6.4.4 portfolio and agency theme for freelancers, designers, UI/UX designers, creative developers, architects, photographers, consultants, studios, and modern personal brands.
Built around Nordic editorial design, the theme pairs architectural grids with warm typography, large framed visuals, and calm case-study storytelling. Subtle Motion-powered scroll details add pace without distracting from the work. Everything runs on a fully local content system — no external CMS, CRM, database, or form backend required.
Pages included
• Home — Editorial hero, sticky featured project frame, horizontal case-study rail, services, process, metrics, testimonials, pricing preview, journal preview, and FAQ
• Work — Portfolio archive with project cards
• Work detail — Full case-study layout with challenge, strategy, design, implementation, outcome, metrics, and gallery
• Services — Structured service modules with clear buying decisions
• Process — Calm editorial process timeline
• Pricing — Configurable engagement models (show/hide prices from one file)
• About — Studio story, values, disciplines, and portrait frame
• Journal — Blog archive with category filtering
• Journal article — Full article layout with SEO metadata
• Contact — Mailto-based inquiry form, email link, and copy-to-clipboard button
• Styleguide — Buyer-ready reference for colors, typography, components, and motion
• 404 — Custom error page
Key features
• Astro 6.4.4 with TypeScript and static output
• Tailwind CSS through PostCSS
• Motion for restrained scroll reveals, image masks, sticky project states, and horizontal case-study rail
• Astro Content Collections for projects and journal posts
• astro:assets image optimization (WebP, responsive srcset, lazy loading)
• SEO: dynamic titles, Open Graph, Twitter cards, Organization/Person/CreativeWork/BlogPosting schema, sitemap.xml, and RSS feed
• Accessibility: semantic landmarks, skip link, keyboard navigation, visible focus states, and prefers-reduced-motion support
• Contact form opens the visitor's email client — no Formspree, Supabase, or external form service
• Deploy anywhere: Netlify, Vercel, Cloudflare Pages, or any static host
Content editing
Most customization happens in small TypeScript data files under src/data/ — site info, navigation, services, process, pricing, FAQs, metrics, testimonials, and more. Projects live in src/content/projects and journal posts in src/content/journal. A detailed README guides buyers through install, build, deployment, and customization.
License
Single-use commercial license. Each purchase grants use in one end product. Redistribution and resale of source files is not permitted.
