Hey so on Webflow you can't change the HTML font size without custom css. On Webstudio you can.
So first off head up to Global root and you can add those values directly into the font size field.
Secondly, the Craft template contains lots of expertly crafted fluid sizing, so I would recommend inserting that style guide and css vars from the Marketplace
Also, isn't the point of fluid sizing to adapt to screen sizes so you don't need to adjust it on every breakpoint? Seems counter intuitive to do both.
What you need is clamp(). This will let you define a min, preferred, and max value (Craft does this for you).
That way one value can work for all screen sizes.
Plus if I'm not mistaken, those generated styles will be bad for accessibility as if someone CMD + or - their browser, the font sizes won't scale
Heres what craft gives you
And all of these so you can use them for padding and stuff and your entire site can scale as the screen size changes
Hey John,
Thanks you so much for pointing this out—it’s great to know how straightforward it is to adjust the HTML font size directly in Webstudio’s Global root. I’ll give that a go for the fluid font sizing.
As for the Craft Style Guide, it looks like an excellent resource! I’ll need to explore how I can integrate it, as I’m currently working on migrating an existing Webflow project that uses the Relume/Finsweet Client First Style Guide. Ensuring compatibility between Webflow and Webstudio is key for me right now since the project will initially run on both platforms in parallel before being fully transitioned to Webstudio + Craft CMS over time.
Do you (or anyone else here) have experience combining the Webstudio Craft Style Guide with the Relume Style Guide? Any tips for maintaining a smooth workflow between these two systems during the transition would be super helpful!
Thanks in advance!
What do you mean by it will run on both platforms?
Thanks for asking! Let me explain in more detail.
The client has five websites that share mostly identical elements but differ in color schemes, typography, and content. Each site is divided into member-only areas and publicly accessible areas. Over the course of 2025, all five websites will be migrated from Webflow to Webstudio + Craft CMS, but this will happen step by step and while they remain fully operational.
During this transitional phase, I’ll need to:
(1) Make daily adjustments and updates to both the Webflow versions and the already-transferred Webstudio versions, ensuring changes are synchronized across both platforms.
(2) Retain the existing component library in Relume because it’s integral to the project and the client workflow.
This is why ensuring compatibility between Webstudio’s Craft Style Guide and the Relume/Finsweet Client First Style Guide is so important.
If anyone has experience combining these style guides or tips for managing such a complex parallel workflow, I’d really appreciate hearing your insights!
Thanks again! 😊
Interesting. Why can't you develop the Webstudio sites using Craft?
I don't quite fully understand the requirements yet, but I would really try to only stick to one style guide (preferably Craft). There's a lot in Webflow and therefore Relume and Client First that causes a lot of bloat and maintenance issues
Eg the Webstudio site has somewhere like 50-100 Tokens. The same site on Webflow would probably have like 2,000 classes (very rough guess).
"Client First" addresses issues related to combo classes in Webflow, which are notoriously difficult to use. Webstudio eliminates one of Webflow's biggest drawbacks, so transferring the Client First system here would reintroduce that problem. It’s possible that if you manually copy the Relume style guide into Webstudio, some Relume blocks might work. However, you will undoubtedly encounter challenges, as Webflow is class-based while Webstudio relies on tokens. Perhaps it would be better to adjust the client's workflow, for instance, by leveraging the recent "Content Edit" update?
You need a better migration strategy.
- Choose the headless CMS and write a migration script for data
- Build the components in Webstudio with craft
- Make the switch
If its just CMS you are thinking about then yeah just migrate it all in one go. Technically you could use Webflow as a headless CMS 😅
Yeah it would be possible to rebuild the frontend in webstudio while using webflow as a headless cms and as a second step move the data to a different cms and rebuild the bindings, but it will be more work I think if the end-goal is to move to a headless cms.
