Start a conversation

Rua da Boavista 72, 1200-066 Lisboa

hello@northfold.com

Name

Your name

you@example.com

Message

Tell us a little about your project…

Send message

Working together

How big are your projects?

Most run 8–16 weeks with a team of three to five people.

Do you work with startups?

Yes, from Series A onwards, when there's a product and paying customers.

Do you build the website too?

We design and build, then train your team to run it.

Where are you based?

Lisbon and London, working with clients across Europe and North America.

Can we hire you for a single deliverable?

Occasionally — a naming project or a sales deck. Ask us.

Slopless Design · reference render

Everything above this panel is the design

Design code sd1.hZTBDoIwEET_pedqhIAJRy_8hQcgNZigNEhD_Htn2kX30MQLh7Zsu7NvhgclVqi28GZsZU3b1peiNThoOnQNQ3brDTj82tV0FMfaFmdbyoWqpr9PLnhRRK1H7AEtlolIerjaT3ZjGDBpdDe54l-NMzf0M1xKokTu3VX05dT5ZF_2E4VXBfqw4JuijVDpMel7vHPDeNhQngjFIWWeIfscp9p1eMR7HRl_dDknhZlEPtQpUPuaHylr40NAwN7GENY5YHaL2_43gfINnZDY0UoiH5lm1BKs7cWfTGSqbK74VRNUnqpGKPoAYr0_ (Maximalist Collage), 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: triadic, light · bg #FDF9F4 · text #241E16 · accent #FF5A1F
Type: Abril Fatface / Syne · scale 1.5, base 16px
Grid: 12 columns, gutter 12px, max 1440px · section space 77px
Shape: radius 4px · border thick 3px · shadow hard · motion expressive

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

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

nav.maximalist-sticker-nav Sticker nav · nav, on every pageOne busy row: boxed wordmark, pill links, a star sticker and a primary button, wrapping when it must.
contact.maximalist-postcard Postcard · contactA postcard on the surface colour: a bordered 3:2 photo in 1–6, a vertical rule in 7, and in 8–12 a tilted square stamp, the title, mono address, email and the contact form.
faq.collage-note-pile Note pile · faqA huge tilted title in 1–4; four to eight questions as surfaceAlt notes in a two-column masonry across 5–12, question as an h4 over the answer.
footer.maximalist-giant-sign-off Giant sign-off · footer, on every pageA marquee band, pill links in 1–8 and the mono legal line in 9–12, then the site name at step 8 across the full grid.

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