Northline — an architecture studio template.

A premium four-page template pairing an editorial grid with warm neutrals, quiet typography, generous whitespace, and restrained interactions. Built as a responsive Tailwind CSS site without local assets.

Open the live site Browse pages

Design: Soft Modern
Responsive: 320px → 1920+
Build: No build

northline.atelier

Places with a
quieter presence.

click the frame to open the full page

/ Pages

Four connected pages.

Every page shares one Soft Modern design system.

        01Home
Studio introduction, featured project, selected work, approach and CTA.

        02Projects
Filterable project archive with categories and project metadata.

        03Studio
Practice story, principles, capabilities and team.

        04Contact
Project enquiry form, process, contact details and studio hours.

      

/ Design system

Warm neutrals, fine rules, restrained accents.

Palette
ink
#20201D
paper
#F5F2EC
line
#D9D5CC
muted
#77746C
olive
#65705B
Typography
DM Serif Display
display headlines
DM Sans
body · 400–600
Geometry
Fine borders
hairlines instead of heavy cards
Restrained radius
rounded pills for active states
Editorial whitespace
asymmetric grids, oversized serif headlines