Northfold

● 0:42

Read case studies

We make complicated companies simple to choose

Start a project

Capabilities

Three ways to work with us

01

Positioning

Find the one sentence your best customers already believe.

Included

02

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

New

03

Websites

Fast, editable sites built on the CMS your team already knows.

Built in

04

Sales enablement

Decks, one-pagers and demos your reps actually use.

Standard

Our story

How we think

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

Our process

Gallery

Selected work

01

Corvid Robotics — identity

02

Fieldstack — website

03

Tidewater Labs — naming

04

Arklow — trade show

05

Mosswood Bio — packaging

06

Kestrel Freight — fleet livery

←→

Selected work

We hand over everything — source files, a living brand system and a website your team can edit without calling us.

Read case studies

In their words

“The first agency that asked to talk to our engineers before our marketers.”

Clara Mendes

Brand & product studio

Have a hard thing to explain?

Our team is eleven people: strategists, writers, designers and two engineers who ship what the others draw.

Download the deck

Slopless Design · reference render

Everything above this panel is the design

Design code sd1.hZTNCsJADITfpWcrVi3So_Q5PGx_xEVhFys-vzNJdllR6KFQSEiyyTfDRPWd-uqWGzCvEKm6_nQ-9PI7hAlzUTGOxEBF5bWbbbtpWuZJH6WW2lnG5zyjmOzBOmTwEZMyNq2Fs3jFALix8gl_Sue9pvpQyzyKVsWU5OS6cMvIFg4L40mJmd3AMh4h3Ad8WcW_KUmiEZAjWt4uZ8A-1c04A-5nARdjgDgJLU-C5a8PqDhYHKvw4hM0PnKuSHz1pS2sz4X2nbYnRJYAfF8eSNdumpgrLYhe2rB6MCT49tTzBVVKqva7Y2dkfQAb2ME (Luxury Fashion), drawn by the Slopless preview renderer with sample copy. Use it as a visual guide while building: design/DESIGN.md and design/tokens.json are the source of truth. Every section root carries data-pattern with its pattern id.

Viewport

Without ?viewport= the render follows the window width once scripts run. Screenshot at 1440 px with ?viewport=desktop and at 375 px with ?viewport=phone.

Pages

Tokens at a glance

Palette: monochrome, light · bg #FAF8F4 · text #1A1A1A · accent #111111
Type: Bodoni Moda / Jost · scale 1.5, base 15px
Grid: 12 columns, gutter 20px, max 1440px · section space 150px
Shape: radius 0px · border hairline 1px · shadow none · motion subtle

Sections on the home page (/), top to bottom

Each link shows that pattern alone with these tokens, beside its rule, grid areas, slots, notes and layout tree.

nav.luxury-centered-crest Centred crest · nav, on every pageTiny caps links on 1–4, the wordmark centred on 5–8, a tiny caps text action right-aligned on 9–12; no rule.
hero.video-fullscreen Full-screen video with band · heroA muted looping video fills the viewport; a pause control sits top-right; a solid accent band across the bottom carries the headline (1–8) and one CTA (10–12).
features.luxury-collection-index Collection index · featuresA ruled index of 3–6 collections: caps number on 1, the name at step 5 in italic Didone on 2–7, a muted description on 8–10, a caps detail on 11–12.
content.luxury-editorial-spread Editorial spread · contentA 4:5 photograph on 1–6 over two rows; on 8–12 the italic h2 at step 5 at the top, and a square detail photograph, a lead paragraph and an underline link at the bottom.
gallery.luxury-lookbook-carousel Lookbook carousel · galleryA tiny caps label and an italic title on one line, then a full-bleed carousel of tall 3:4 looks with a look number and name in caps beneath each.
gallery.luxury-product-pair Product pair · galleryTwo product shots on `surface` panels: a 4:5 on 1–6 (rows 1–2) and a 1:1 on 8–12 set lower; above it the italic h2 at step 4, a muted lead and an underline link.
testimonial.luxury-press-quote Press quote · testimonialOne press quote centred in italic Didone at step 4, framed by a tiny caps label above and the publication name in caps below.
cta.luxury-appointment Appointment · ctaOn the surface tone, centred on 4–9: caps line, italic headline, a short line and a black outlined button. Nothing else.
footer.luxury-wordmark-signature Wordmark signature · footer, on every pageCaps links on 1–6 and an underlined email signup on 8–12, then the house name in wide Didone capitals across the page and a centred caps legal line.

More

Spec bundle (JSON): DESIGN.md, tokens.json and layout.json for this code
Luxury Fashion style page: principles, do and don't, every pattern live
Open this design in the picker

To see the user's own copy, append the #b=… part of their picker link to this URL. It is read in the browser only and never sent to the server.