<aside> 💡 Before launching your Webflow site, review the following points to ensure a seamless experience. Some steps may not apply to every project, so adjust as needed.

</aside>

1 Design

Ensure your Webflow project is clean, structured, and ready for handoff.

• [ ] Style all heading tags (H1-H6) and ensure typography is consistent.
• [ ] Ensure form elements (inputs, buttons) have a uniform style.
• [ ] Style all rich text elements (headings, paragraphs, lists, blockquotes,…).
• [ ] Add copyright labels to images if required.
• [ ] Create an unpublished style guide page with all essential style classes.
• [ ] Use meaningful class names (Client-First, BEM, or other structured naming conventions).
• [ ] Convert repeating elements into Components, ensuring logical naming and folder organization.
• [ ] Clean up unnecessary classes and interactions (Style Selector, Interactions tab).
• [ ] Ensure custom code targets attributes instead of class selectors for a more robust system. In general, make it as hard as possible for clients to destroy the functionality.
• [ ] Document everything that’s not straight forwarded (especially custom code) in an unpublished page for future developers.
• [ ] Delete test/unpublished pages.
• [ ] Customize the 404 error page, including a link to the homepage.

2 Accessibility

Unless aligned differently with the client aim for WCAG AA conformance. Unless agreed differently, you may ignore reduced motion settings as they aren’t supported in Webflow interactions natively yet.