Framer Publish Checklist
The essential guide to launching your Framer site.
Content
Firstly, ensure all your content is free of grammatical errors or spelling mistakes. You can refer to the AP Stylebook for consistency, or if you have a style guide, be sure to follow the rules.
All placeholder text has been replaced.
There are no spelling mistakes.
There are no grammatical errors.
Capitalisation is consistent.
The language style guide or book was followed (if applicable).
The text is balanced, with no orphans (if possible).
Text is legible.
Design
To create a polished and purposeful design, start with a brand identity, style guide, or design system to ensure consistency across all pages. Furthermore, make certain to follow user experience (UX) and user interface (UI) best practices.
The design aligns with the brand identity, style guide, or reference design.
Fully responsive across desktop, tablet and phone breakpoints.
Type, colour and link styles were used for consistency.
The type system includes H1-H6 and body styles.
Padding, margins and spacing are consistent.
Layout templates were used throughout the site (if applicable).
Used stacks and grids for a fluid and responsive layout.
Components are responsive across all breakpoints.
Avoided fixed widths or heights (if applicable).
Visual hierarchy is intentional.
Images are crisp and optimised for the web (neither too small nor too large).
Vector sets are used to organise assets (if applicable).
Uploaded videos are optimised for the web and have a poster.
Animations are intentional and consistent.
There is no unintentional horizontal scrolling.
Hover state for clickable items on desktop only (if applicable).
The mailto: and tel: links were added (if applicable).
A 404 page is included.
The favicon is uploaded.
Social images are uploaded and correctly set for all pages.
Use a CMS for repeatable content and pages.
Ensure CMS content is mapped correctly.
Delete unneeded layers, styles, pages, CMS collections, and components (if applicable).
Accessibility
A website that is accessible and follows WCAG guidelines ensures a wider audience can access and enjoy your content, and is also great for SEO.
Tags for suitable elements, such as 'nav' for navigation, 'footer' for the footer, 'section' for sections and so on.
Use H1-H6 tags for headings and P tags for paragraphs.
Add an ALT description for images (except for decorative images).
ARIA labels for suitable elements.
Ensure enough colour contrast for readability.
Text links are descriptive (avoid 'Read more', for example).
Use input labels for form fields.
SEO and Conversion
SEO and analytics can all be done within Framer, and adding an extra layer of SEO tracking and analytics is optional.
Title and description in site settings are set.
Site language in site settings is set.
Each relevant page has a unique title and description that are optimised for SEO.
The sitemap and URL structure are SEO-friendly.
Relevant pages have 'Show page in search engines' ticked under site settings.
Redirects have been set up to prevent orphaned pages and maintain ranking (if applicable).
All redirects have been tested (if applicable).
The domain has been submitted to search engines (if applicable).
Third-party analytics have been added and are working (if applicable).
Add seasonal discounts and Parity pricing (if applicable).
Integrate a chatbot/AI or a chat app CTA (if applicable).
Forms and CTAs are functional, and conversions are tracked (if applicable).
Add Structured Data using JSON-LD (if applicable).
Custom and third-party code
Framer allows for third-party integrations, custom code, and overrides. These features may not have official support and should undergo thorough reviews, only being used when necessary.
Custom code and overrides are safe and run without error.
Third-party integrations work correctly.
Third-party code and integrations do not negatively affect performance.
Legal
Framer sites themselves do not impose strict legal obligations. However, if you use third-party integrations or collect user data, it's advisable to seek guidance from a legal expert to confirm your Framer site’s compliance.
Permission to utilise copyrighted logos, images, or brand content.
Unlicensed assets are licensed.
All legal links can be found in the footer.
The site is GDPR or similar compliant (if applicable).
The site has a functional cookie banner and cookie policy (if applicable).
The site has a privacy policy (if applicable).
The site has a terms page (if applicable).
The site has a disclosure page (if applicable).
A final QA (Quality Assurance) test should be conducted thoroughly before publishing. It is recommended to test on multiple devices and seek feedback from users as part of the user experience (UX) process. A synthetic test can also be conducted using tools such as PageSpeed Insights.
There are no spelling or grammatical errors.
There are no broken, placeholder, or inactive links and buttons.
Navigation works on all devices.
Effects and animations do not negatively affect performance.
Passes Framer’s core performance checks and is fully optimised.
A good lighthouse score (or equivalent) was attained across all metrics.
A review of the site was conducted using various browsers.
Site review conducted on a desktop.
Site review conducted on a tablet.
Site review conducted on a phone.
The site review was conducted for users with accessibility needs (if applicable).
Framer Publish Checklist
This checklist is intended as a guide; not every item may be applicable, and some steps specific to certain use cases might be missing. However, in most situations, completing the checklist should prepare you for publishing.
Remix the Framer Publish Checklist to build your custom checklist.