Slopless Design

Northfold

About
Contact

About

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.

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

Booking projects from June 2026

Corvid Robotics — identity

The studio

Rita Carvalho

Founder, strategy

Owen Blake

Design director

Sana Qureshi

Lead developer

Mateus Lima

Copy and naming

As seen in

Corvid Robotics

Fieldstack

Tidewater Labs

Arklow Valves

Mosswood Bio

Kestrel Freight

Slopless Design · reference render

Everything above this panel is the design

Design code sd1.fZRLDoIwEIbvwhqMEI1h6YZbuCiPANEAoTHx-H7TdmpNjDvCtDOd_yUHg7mxXLuu99lOGcXsci2bsnGfHpTO2AcuEANHoL7-0fFQnfOyzmnqxsbELHrIwEcBlzCHrFgW8b2YVGTiH69VdXW6yK-OCqrew3akCZltpKdir9UYVHboxNYiFuVBzyBbGKGQ8qLFYZvH3WyTTyuZDz-x-CKg0IgVxAXbf29zPGqlR4OEuS2IYnLESGfPt56wz9Z2-8zrXffadxcJfBDbWXVDygN2k-1RTRzAEuuIXG9cTqVQHU91kMMbryZS (Classical Bookish), 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.

Tokens at a glance

Palette: monochrome, light · bg #FDF9F4 · text #241E16 · accent #7C1C1D
Type: Libre Caslon Text / Libre Caslon Text · scale 1.25, base 19px
Grid: 12 columns, gutter 32px, max 1160px · section space 96px
Shape: radius 0px · border double 3px · shadow none · motion none

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

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

nav.bookish-running-head Running head · nav, on every pageThe site name centred in small caps like a book's running head, plain links centred under it, a double rule beneath.
content.bookish-marginalia Text with marginalia · contentRunning text on the 3–9 measure (centred small-caps label, h2, a lead with a three-line drop cap, body), and in the outer margin 10–12 an italic note above a small bordered plate with its italic caption.
team.bookish-dramatis-personae Dramatis personae · teamA cast list: centred italic title, then four to ten people, each name in small caps right-aligned in 3–6 facing an italic role in 7–10. No portraits.
logos.bookish-subscribers List of subscribers · logosA centred small-caps label, then six to twelve names set in italic in three centred columns across 3–10, as in a book's list of subscribers.
footer.bookish-colophon Colophon · footer, on every pageA centred colophon: fleuron, an italic paragraph naming the typefaces and the press, plain links, and the legal line in small caps.

Spec bundle (JSON): DESIGN.md, tokens.json and layout.json for this code
Classical Bookish 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.