Slopless Design

Northfold

About
/
Contact

Start a project

Kind words

“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics

Twelve years in numbers

Since 2014

launches shipped

140+

2025

years independent

Audited

clients return

9 of 10

Last 12 months

average lift in demo requests

31%

Selected work

Corvid Robotics — identity

Fieldstack — website

Tidewater Labs — naming

Arklow — trade show

Trusted by

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.jZXNCoJAFIXfxbVGaQQug_AtWpgYSjQTzpTR0_fdcWQmEHLruXP_zrlHCaR52431q82cMSF96TZJ8zSpqvx4OCUpUXq49KBqSSVdzdJs23Sert2mKAryyztX3-leP61T7JW9-gWF0jipytCiIH6IAHbY7gdcrjoeaynttKPw1jy0MnqYj1HSz3SEoAZ7ay3eI07jZAA9AcZrmpt8k2EdO1FvvUFXaEZjBeAxlT8ZlLlj0RiJKBFKA4iSW34Vje6VEMXSViX518msrmhMqox8XbEm-ijlYiaNRXHenDklWSWqDBhmSlrqvzn1MxliweXbfelF9wUvMD_ (Synthwave Retro-Future), 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: complementary, dark · bg #0E0B1F · text #EDE6FF · accent #FE2D6D
Type: Orbitron / Space Grotesk · scale 1.333, base 17px
Grid: 12 columns, gutter 24px, max 1280px · section space 128px
Shape: radius 2px · border rule 2px · shadow glow · motion expressive

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.synthwave-neon-rail Neon rail · nav, on every pageBoxed logo, slash-separated mono links and a small glowing primary button on one line, over a 2 px neon rule.
testimonial.synthwave-transmission Transmission · testimonialA neon-outlined panel on 2–11: an INCOMING TRANSMISSION mono header with a pulsing dot, the quote in caps, a rule, then the sender in mono.
stats.synthwave-hiscore-board Hi-score board · statsA centred neon-outlined scoreboard on 2–11: HIGH SCORES title at step 4, then ranked rows of rank, name and a right-aligned mono score at step 5.
gallery.synthwave-crt-wall CRT wall · galleryA step-5 uppercase title, then a two-by-two wall of CRT screens: each a bordered surfaceAlt bezel around a 16:9 duotone still, with a mono channel label under it.
logos.synthwave-sponsor-marquee Sponsor credits · logosA centred mono label, then the sponsors as centred uppercase step-2 wordmarks in three columns (six or nine), like end credits.
footer.synthwave-horizon-base Horizon base · footer, on every pageA half sun sinks into a strip of grid floor, then boxed logo 1–3, slash links 5–9 and mono legal 10–12 on one line.

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