Sturm und Bräm

This is our agency website. A lot of new webflow techniques (reusable components, GSAP, CSS-variables) are being used, as well as our own so called XQ-design system. The site was designed in Figma according to a grid which positions every element in virtual X-fractions. Multiple X-fractions are combined to Q-elements. This is then translated to variable size units in webflow (svw) which will result in a perfectly scalable layout at any breakpoint. Our projects entries are dynamically filtered with FS Filter attributes, and we used extensively the new condition function for CMS collections. Animated background gradients give the site a vivid touch.