Slopless Design · reference render
Everything above this panel is the design
Design code sd1.hVRBDoJADPzLntEAURMewDM8kLgJakAjbvi-006ly4HACZhCuzPTkcIl4QJehhJX2-rtSv3Nh-p4LqpLUVsrtTgX4pFwKqzxn46lEVMA9n2KVDazo7c0vPPpN36pHPpXn27mUqrS5NnRGVQjsbSzmMuY9wKj8zD1MUoFVcjxpDumWwg8l8yrpv6VvswxGQPKOcb8kFOLHCB-d8q9GegHx8duiGQPDRo2EIusSZJIFdrhKAewqfdRwzVc8XFulbo8NWaXHw7JD3 (Brutalist), 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 #FAFAFA · text #1F1F1F · accent #012FD3
- Type
- Space Mono / Space Mono · scale 1.5, base 16px
- Grid
- 12 columns, gutter 16px, max 1600px · section space 51px
- Shape
- radius 0px · border thick 2px · shadow none · motion none
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.brutalist-text-links Text links · nav, on every pageOne line: the site name as plain bold text, slash-separated underlined links, and a mono version stamp on the right; a 2 px rule underneath.contact.brutalist-raw-form Raw form · contactTwo bordered cells: 1–6 holds the email at step 3 in mono plus phone and address; 7–12 holds a bare form with 2 px bordered inputs.faq.brutalist-plain-list Plain Q&A · faqQuestions as numbered rows: mono number in 1, question (uppercase h4) 2–5, answer 6–12, 1 px rules between; every answer visible.footer.brutalist-dump Dump · footer, on every pageTwo bordered cells: links stacked and underlined in 1–6; address, email and legal in mono in 7–12. Site name bold above.
More
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.