01
Kinfold House
A calmer project archive with clearer inquiry paths and more time spent on case-study pages.
Northframe is a refined Astro portfolio theme for studios, freelancers and creators who value clarity, structure and lasting impression.
Project index
01 / 05
Trusted frame for
Featured project frame
A sticky editorial frame pairs concise project context with large changing visuals, giving selected work a premium storytelling sequence.
01
A calmer project archive with clearer inquiry paths and more time spent on case-study pages.
02
A more editorial portfolio that supports higher-value commissions and makes availability clear without feeling sales-heavy.
03
A sharper narrative system that helped the team explain complex advisory work with less friction.
Architecture Design direction, interface design, Astro build
A calmer project archive with clearer inquiry paths and more time spent on case-study pages.
Open case study →
Photography Art direction, portfolio design, frontend implementation
A more editorial portfolio that supports higher-value commissions and makes availability clear without feeling sales-heavy.
Open case study →
Consulting Strategy, UI/UX design, Astro development
A sharper narrative system that helped the team explain complex advisory work with less friction.
Open case study →
Brand Studio Brand system, web design, motion direction
A more confident service architecture with improved consultation bookings and cleaner lead qualification.
Open case study →
Personal Brand Portfolio strategy, writing system, Astro build
A clearer personal brand with better project storytelling, stronger services and a sustainable publishing system.
Open case study →Image reveal system
Northframe uses gentle mask movement and scale correction to give images a considered entrance without hijacking native scrolling.
Services and practice
Service modules use numbers, precise copy and quiet hover states instead of generic icon cards.
01
Calm, conversion-aware website design with editorial hierarchy, strong layouts and polished responsive details.
02
Structured interface design for digital products, landing flows and content-heavy experiences.
03
Visual and verbal direction for brands that need a more precise point of view online.
04
Flexible identity foundations for typography, color, imagery, spacing, components and launch-ready pages.
05
Fast, accessible Astro implementation with static deployment, optimized images and restrained motion.
06
Case-study structure, archive views and project pages that make creative work easier to understand and trust.
07
Editorial landing pages for campaigns, launches and focused offers that need clarity without generic SaaS styling.
08
Practical positioning, content structure and launch planning for modern personal brands and boutique teams.
Horizontal case-study rail
Selected case studies in a calm editorial sequence — stacked on mobile, pinned horizontal rail on desktop.
01 / Architecture
2026
A restrained digital portfolio for an architecture practice focused on homes, materials and long-lived spatial decisions.
02 / Photography
2026
A refined studio site for a photographer and art director with a focus on image pacing, quiet captions and selective availability.
03 / Consulting
2025
A content-led identity and website for a research consultancy working across climate, infrastructure and public-sector innovation.
04 / Brand Studio
2025
A premium launch site for a boutique brand studio built around service clarity, selected proof and warm editorial pacing.
05 / Personal Brand
2024
A focused portfolio and journal system for a multidisciplinary designer moving from client work into advisory partnerships.
Process and method
The process layout keeps a sticky progress label on desktop and a clean editorial timeline on every screen size.
01
Clarify the audience, portfolio goals, offer structure, constraints and the work that should lead the story.
02
Shape the sitemap, case-study framework, content hierarchy and reusable page patterns before visual design begins.
03
Create a calm visual system with refined typography, image rhythm, interaction states and responsive layouts.
04
Implement the site in Astro with local content, optimized assets, accessible components and clean static output.
05
Tighten motion, spacing, copy, metadata, mobile behavior, focus states and project storytelling details.
06
Prepare deployment, SEO defaults, README guidance and a buyer-friendly editing path for future updates.
Proof without noise
Northframe presents proof as credible context, not a flashy dashboard. Edit the numbers in src/data/metrics.ts.
48+
01Across portfolios, studio sites and focused campaign pages.
4-6w
02For complete studio websites with case studies and launch support.
9
03Blending design direction, writing systems and frontend implementation.
32%
04Typical improvement after clearer positioning and inquiry paths.
12
05Design, architecture, photography, consulting, technology and culture.
96%
06Measured through post-launch feedback and retained collaboration.
Studio note
Northframe was designed for people whose work needs room to breathe. The theme pairs architectural grids with warm editorial details, helping buyers present case studies, services and thinking without turning the site into a noisy pitch deck.
“The strongest portfolios do not shout. They create a clear frame around the work, then let the decisions, process and outcomes speak with precision.”
Clarity before volume
Structure over decoration
Motion with restraint
Content buyers can actually edit
Client notes
Testimonials are written to sound like specific working relationships, not inflated marketing claims.
“Northframe gave our work a quieter, more confident structure. The case studies finally feel considered instead of assembled.”
“The theme made customization straightforward. We could adjust services, pricing and project copy without asking for a backend we did not need.”
“The motion is subtle enough for serious work, but it still gives the pages a sense of pace and care.”
Engagement models
Buyers can show prices, use starting-at copy or hide investment details from one local configuration file.
2-3 weeks
A focused engagement for independent creatives who need a polished portfolio foundation quickly.
Best for
Freelancers, consultants and personal brands
4-6 weeks
A complete editorial website system for studios that need services, case studies, journal content and launch support.
Best for
Boutique agencies and creative studios
Monthly or quarterly
An ongoing design and frontend partnership for teams that launch pages, campaigns and portfolio updates regularly.
Best for
Growing teams and retained collaborators
Journal
Journal entries use a separate content collection with metadata, tags, images and SEO fields.
Portfolio Strategy / Mar 18, 2026
A practical framework for sequencing work, proof and contact paths in a high-end creative portfolio.
Motion Design / Feb 4, 2026
How restrained scroll motion can support hierarchy without distracting from project storytelling.
Astro / Jan 12, 2026
A clear argument for Astro Content Collections, local data files and static deployment in portfolio-driven websites.
Questions
The accordion uses buttons, ARIA states and keyboard-friendly native controls enhanced with a small script.
A focused portfolio can be customized in a few days once content and images are ready. A more involved studio website with several case studies usually takes one to three weeks depending on writing and asset preparation.
Final frame
Use Northframe as a polished static foundation for a freelancer, studio, consultant or modern personal brand.
info@noel.marketing