N Northframe
Available for selected projects

Quietly crafted portfolios for ambitious creative work.

Northframe is a refined Astro portfolio theme for studios, freelancers and creators who value clarity, structure and lasting impression.

Scroll for selected frames

Project index

01 / 05

Architectural editorial frame representing the Northframe theme
Local generated hero frame. Replace it with your lead project image in src/assets/images.

Trusted frame for

  • Aalto Studio
  • Kinfolk House
  • Fjord Index
  • Lumen Bureau
  • Salt & Stone
  • Plainfield Lab

Featured project frame

Case studies with a slower, sharper rhythm.

A sticky editorial frame pairs concise project context with large changing visuals, giving selected work a premium storytelling sequence.

Kinfold House featured visual

01

Kinfold House

A calmer project archive with clearer inquiry paths and more time spent on case-study pages.

Atelier Noma featured visual

02

Atelier Noma

A more editorial portfolio that supports higher-value commissions and makes availability clear without feeling sales-heavy.

Fjord Index featured visual

03

Fjord Index

A sharper narrative system that helped the team explain complex advisory work with less friction.

Image reveal system

Frames reveal with restraint.

Northframe uses gentle mask movement and scale correction to give images a considered entrance without hijacking native scrolling.

Wide editorial mask reveal example
A wide visual panel for lead case-study storytelling.
Portrait editorial mask reveal example
A secondary frame for process, portrait or detail imagery.

Services and practice

A calmer way to present serious creative services.

Service modules use numbers, precise copy and quiet hover states instead of generic icon cards.

01

Web Design

Calm, conversion-aware website design with editorial hierarchy, strong layouts and polished responsive details.

02

UI/UX Design

Structured interface design for digital products, landing flows and content-heavy experiences.

03

Creative Direction

Visual and verbal direction for brands that need a more precise point of view online.

04

Brand Systems

Flexible identity foundations for typography, color, imagery, spacing, components and launch-ready pages.

05

Frontend Development

Fast, accessible Astro implementation with static deployment, optimized images and restrained motion.

06

Portfolio Design

Case-study structure, archive views and project pages that make creative work easier to understand and trust.

07

Landing Pages

Editorial landing pages for campaigns, launches and focused offers that need clarity without generic SaaS styling.

08

Digital Strategy

Practical positioning, content structure and launch planning for modern personal brands and boutique teams.

Process and method

A measured path from idea to launch.

The process layout keeps a sticky progress label on desktop and a clean editorial timeline on every screen size.

01

Discover

Clarify the audience, portfolio goals, offer structure, constraints and the work that should lead the story.

02

Structure

Shape the sitemap, case-study framework, content hierarchy and reusable page patterns before visual design begins.

03

Design

Create a calm visual system with refined typography, image rhythm, interaction states and responsive layouts.

04

Build

Implement the site in Astro with local content, optimized assets, accessible components and clean static output.

05

Refine

Tighten motion, spacing, copy, metadata, mobile behavior, focus states and project storytelling details.

06

Launch

Prepare deployment, SEO defaults, README guidance and a buyer-friendly editing path for future updates.

Proof without noise

Measured signals, editorially framed.

Northframe presents proof as credible context, not a flashy dashboard. Edit the numbers in src/data/metrics.ts.

48+

01

projects shipped

Across portfolios, studio sites and focused campaign pages.

4-6w

02

average launch timeline

For complete studio websites with case studies and launch support.

9

03

years of experience

Blending design direction, writing systems and frontend implementation.

32%

04

conversion lift

Typical improvement after clearer positioning and inquiry paths.

12

05

selected industries

Design, architecture, photography, consulting, technology and culture.

96%

06

client satisfaction

Measured through post-launch feedback and retained collaboration.

Studio note

Designed for portfolios that need trust before spectacle.

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

Read About Northframe
Editorial studio portrait placeholder for Northframe
A local portrait-style frame for a founder or studio image.

Client notes

Quiet proof from realistic projects.

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.”

Mara Ellison

Creative Director, Aalto Studio

Studio website and project archive

“The theme made customization straightforward. We could adjust services, pricing and project copy without asking for a backend we did not need.”

Jonas Reed

Independent Product Designer

Freelance portfolio relaunch

“The motion is subtle enough for serious work, but it still gives the pages a sense of pace and care.”

Leah Morgan

Founder, Plainfield Lab

Consulting site and journal

Engagement models

Flexible offers without hardcoded pricing.

Buyers can show prices, use starting-at copy or hide investment details from one local configuration file.

2-3 weeks

Foundation Sprint

A focused engagement for independent creatives who need a polished portfolio foundation quickly.

Best for

Freelancers, consultants and personal brands

  • Homepage direction
  • Work archive
  • Contact flow
  • Launch checklist
Discuss a Sprint

4-6 weeks

Studio Website

A complete editorial website system for studios that need services, case studies, journal content and launch support.

Best for

Boutique agencies and creative studios

  • Full site structure
  • Case-study templates
  • Service pages
  • SEO-ready build
Plan the Website

Monthly or quarterly

Creative Partner

An ongoing design and frontend partnership for teams that launch pages, campaigns and portfolio updates regularly.

Best for

Growing teams and retained collaborators

  • Roadmap support
  • Design refinement
  • Frontend production
  • Performance review
Start a Partnership

Journal

Notes on structure, motion and portfolio craft.

Journal entries use a separate content collection with metadata, tags, images and SEO fields.

Questions

Practical answers for buyers.

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

Build a portfolio that gives the work a sharper place to land.

Use Northframe as a polished static foundation for a freelancer, studio, consultant or modern personal brand.

info@noel.marketing