Back to updates
Update
Layout & design

Introducing a new look and feel to Webflow

Webflow’s improved user interface provides a more focused workspace and modern design.

Introducing a new look and feel to Webflow

<figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651ded511100a35299e3dd26New%20Designer.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div></figure><p id="">‍</p><p id="">Today, you’ll notice that all parts of Webflow — especially the core Webflow Designer — are evolving to reflect our new brand direction, the power that makes up our platform, and the kinds of pro websites we want to enable all of you to build and scale.&nbsp;</p><p id=""><strong>Specifically, you’ll notice:</strong></p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651deda3f9a6cd454286dfc4Top%20bar.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div><figcaption id="">Updated UI with new icons and simplified color palette</figcaption></figure><p id="">‍</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651dedb61931fd7b9aef6b3cPreview%20toggle.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div><figcaption id="">Comments and preview have moved to the right of the top bar</figcaption></figure><p id="">‍</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651dedcd2abe644937deeb68Undo%20redo%20buttons.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div><figcaption id="">Undo and redo buttons moved from the top bar to the file menu</figcaption></figure><p id="">‍</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651deddc18c50f92e17ff53cStyle%20settings.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div><figcaption id="">The Style Manager moved to the left panel and is now called Style Selectors</figcaption></figure><p id="">‍</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/651dedeab052a4c56e1872ffNew%20dashboard.jpg>" loading="lazy" id="" width="auto" height="auto" alt=""></div><figcaption id="">Updated Dashboard navigation</figcaption></figure><p id="">‍</p><p id="">Our goal is to provide you a more focused environment, improved navigation and swift access to the powerful tools and capabilities you love from Webflow. Additionally, this redesign paves the way for new features and establishes a uniform experience throughout the platform.</p><p id="">Over the coming months, you can expect ongoing refinements to bring more consistency across Webflow.</p><p id="">To learn more about our brand refresh, check out our <a href="<http://webflow.com/blog/meet-the-new-webflow>" id="">blog post</a>.</p>


Launched on
October 5, 2023
Category
Layout & design

Related updates

Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more
Drop shadow filters

Drop shadow filters

Learn more