Slopless Design · reference render
Everything above this panel is the design
Design code sd1.hZTBDoIwEET_pWcwCnjg6IW_8AAESxMNBoomfL0zbbcQjeHKLrvd2TfLxHCaVFIkqqrO1SVTiP6ZdIVgy8bpkOc5CiYo5xoKuO1sh5nbpByhUdrMDb0De5IN_2KJoY3R2kUn9FtH-KkYVZVfrbm7Y0BLulVCYoktRi-1DmYBW0F4CUPLW2etSUHqw3PqlhBfRYvCYP7KMb7dWMx6dl3bh_HIGxa3zjyCZvqYu4BMgoIkvOsXb8Aw0jD73UFADPc43_EkTqxf-vrEQ7J4_ygNlQNL37XxTV3x55aR7FiUgZMPgzfW (Memphis), 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
- triadic, light · bg #FDF9F4 · text #241E16 · accent #FF5FA2
- Type
- Bricolage Grotesque / DM Sans · scale 1.333, base 17px
- Grid
- 12 columns, gutter 24px, max 1240px · section space 104px
- Shape
- radius 12px · 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.memphis-bubble-bar Bubble bar · nav, on every pageA small accent triangle and the boxed wordmark on the left, pill links with black outlines in the middle, a small primary button on the right.contact.memphis-postcard Postcard · contactAn outlined postcard panel on 1–7 with the title and form; on 8–12 a large ring, then address, email, phone and hours.faq.memphis-sticker-faq Sticker FAQ · faqA tilted title with a squiggle under it on 1–5; questions on 6–12 as outlined boxes stacked with 24 px gaps.footer.memphis-squiggle-base Squiggle base · footer, on every pageA full-width squiggle, then the wordmark on 1–4, pill links on 5–9 and the legal line on 10–12, with confetti shapes in the margins.
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.