MuddyBoots

muddyboots.online is an operations platform for oil & gas and building management teams, helping them maintain assets, track compliance, and get visibility across hundreds of sites and thousands of pieces of equipment. I built the marketing site from scratch in WordPress, turning Figma designs from the Cream & Sugar design team into a fully custom Gutenberg block build, with no page builder plugin and no off-the-shelf theme. I broke the design into modular, reusable block patterns so the client's team could keep every section editable without touching code, while staying true to a detailed, multi-section design system.

Along the way, WordPress's built-in Additional CSS field proved too limited for the responsive, block-level styling the design needed: no nested selectors, no media queries, no way to scope styles to a single block. So I built additional-css-enhancement-plugin, which adds &-based nested selectors, @media/@supports/@container at-rules, and a compile-validate-preview pipeline that only ships CSS once it matches what's saved in the editor.