Northfold

Northfold

Booking projects from June 2026

06

We make complicated companies simple to choose

01

Discovery sprint

02

Positioning workshop

03

Identity design

04

Website

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.hVRBCsIwEPxLz1asWqRH6Ts8pK1iUEig4vud2d3ElB56KBR22N3MzgyBmjv1w81PyLxCper6y_XUy-8QJuxFxzgqBi4qr93s213TEidzckRCuRC90WADsu5HcMEutqyVs3fF_ySsfMG6c2Y1tYdX7qM4VSJJDq50G-LfY0bAOV4pXcAQ7xBeA77s4TUkGTRC4qiWl8sIhKdmGXfA9azgYgywJiXLg4D67QVVDFYHE15SgrFHlasgFnMZCtt7YXyn4ykhA0C8Hw9B126aiJURFF5iWBMYBvx6uvmGLqWmjodzZ7r6AQYF6h (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.editorial-cover Magazine cover · heroA masthead (site name at step 8, full width) over a dateline rule; the cover photo fills 4–12; cover lines (3–5 numbered teasers) run down 1–3; the headline overlaps the photo's lower-left on a page-colour field.
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.