The primary unit of the framework is REM. It’s used for sizing, spacing, and typography to ensure flexibility and accessibility. Other units are also used based on the use-case. Here is the list of all the units used:
REM (short for “root em”) is the foundation of our unit system.
<html> font size (by default 16px)If 1rem = 16px, then:
You can override the base by embedding a rule in your Webflow project custom code:
To see the font size change reflected in the Webflow Designer, it’s best to place this code inside a Code embed element within a reusable Component. This ensures the override is included on every page of your project.
Webflow supports REM-based math directly in input fields. You can type formulas like 64/16 hit ↵ and get a result of 4. In Webflow PX is the default unit, you can switch to REM by clicking on units indicator and select REM, or simply add 64/16REM, hit ↵ and get 4 REM.
