ZYDRA

ZYDRA

ZYDRA

ZYDRA is forward moving, cutting-edge, construction firm that specialises in large scale commercial and office developments. Situated in London, their turn-key approach aims to disrupt modern construction industry, creating awe inspiring tower blocks that shape London for the better.

ZYDRA is forward moving, cutting-edge, construction firm that specialises in large scale commercial and office developments. Situated in London, their turn-key approach aims to disrupt modern construction industry, creating awe inspiring tower blocks that shape London for the better.

ZYDRA is forward moving, cutting-edge, construction firm that specialises in large scale commercial and office developments. Situated in London, their turn-key approach aims to disrupt modern construction industry, creating awe inspiring tower blocks that shape London for the better.

←

ALL PROJECTS

The icons represents heavy duty construction beams, typically used when building strong tower blocks. Becasue of this, appropriate approach for such a deeply routed, trusted brand.

The icons represents heavy duty construction beams, typically used when building strong tower blocks. Becasue of this, appropriate approach for such a deeply routed, trusted brand.

The icons represents heavy duty construction beams, typically used when building strong tower blocks. Becasue of this, appropriate approach for such a deeply routed, trusted brand.

The wordmark is dynamic. The slanted serifs represent the forward moving, future proof, cutting-edge values ZYDRA emit. A true reflection of their identity.

The wordmark is dynamic. The slanted serifs represent the forward moving, future proof, cutting-edge values ZYDRA emit. A true reflection of their identity.

The wordmark is dynamic. The slanted serifs represent the forward moving, future proof, cutting-edge values ZYDRA emit. A true reflection of their identity.

Let's Discuss your Project

Let's Discuss your Project

INSTAGRAM

LINKEDIN

FACEBOOK

INSTAGRAM

LINKEDIN

FACEBOOK

(() => { const framerName = "PASTE_NAME_HERE"; // <-- replace this const threshold = 10; // px scrolled before turning opaque const opaque = "#0f0f0f"; function apply() { const scrolled = window.scrollY > threshold; document.querySelectorAll(`[data-framer-name="${framerName}"]`).forEach(el => { el.style.transition = "background-color 200ms ease"; el.style.backgroundColor = scrolled ? opaque : "transparent"; }); } // Run now + on scroll apply(); window.addEventListener("scroll", apply, { passive: true }); // Also re-apply after Framer finishes loading elements setTimeout(apply, 300); setTimeout(apply, 1000); })();