I could use some guidance on a tricky Webflow migration.
I designed a full set of pages in a separate Webflow project using the Relume Style Guide. The client’s main site already exists in their own Webflow project with its own typography, spacing, and button styles etc.
The client wants their existing pages to keep their old styling — but my new pages need to look exactly like the Relume-based design from my development project.
The problem:
Copy–pasting my pages into the client’s project brings over my classes, but all the text/buttons still inherit the client’s global tag styles. I tried wrapping the whole page in a parent class, but it didn’t fix the issue.
Goal:
Move my Relume-styled pages into the client’s site without overwriting or touching their global styles, and without manually rebuilding every class stack.
Namespace your Relume classes first (e.g., relume-*) so nothing inherits the client’s tag styles. Then scope typography/buttons inside a single wrapper (.relume, page) to override their globals. Had to do this on a recent migration and it kept both style systems completely separate.
This issue happens because when you paste pages from another Webflow project, Webflow automatically forces your elements to inherit the existing global tag styles (body, H1–H6, paragraphs, buttons) from the client’s project.
Even though your Relume classes come in correctly, the client’s global typography, spacing, and button tag styles still override them, especially if their Body or Heading tags have strong settings applied. That’s why your text, buttons, and spacing change after pasting, even with the same classes.
In short: The client’s global tag styles are overriding your imported Relume classes at the HTML tag level.