0%
Template Requirements
Originality
1. Don’t reuse or lightly modify existing templates.
2. Create unique layouts, interactions, and flows.
3. Build around a clear use case or audience.
Design
4. Keep styling consistent across all pages.
5. Use clear, readable visual hierarchy.
6. Include only sharp, high-quality visuals.
7. Apply consistent text and color styles.
8. Add a custom 404 page.
9. Maintain even and intentional spacing.
Layout
10. Give each page a distinct layout and purpose.
11. Use layout templates to keep spacing consistent.
12. Avoid horizontal scrolling or broken alignment.
13. Use stacks and auto-height for flexibility.
Text
14. Keep text legible and aligned with your design.
15. Check spelling and grammar before publishing.
16. Use default Framer fonts and avoid custom font files.
17. Don’t use placeholder text like lorem ipsum.
Responsive
18. Use stacks and grids to create fluid layouts.
19. Test designs across mobile, tablet, and desktop.
20. Avoid fixed sizes that can break responsiveness.
21. Make all components adjust to screen changes.
Links
22. Add working mailto: and tel: links where needed.
23. Style interactive elements so they look clickable.
24. Make hover and active states visually clear.
25. Avoid broken, placeholder, or inactive links.
CMS
26. Manage repeatable content with the CMS.
27. Connect fields properly to pages and components.
28. Avoid empty or unnecessary CMS entries.
29. Name collections and fields clearly.
Code
30. Keep custom code clean, minimal, and easy to read.
31. Don’t use code to replicate basic Framer features.
32. Only use embeds or overrides when necessary.
Effects
33. Make animations feel relevant and purposeful.
34. Avoid excessive motion or overly complex effects.
35. Use smooth transitions to guide attention.
36. Keep performance impact in mind.
Assets
37. Group assets into clearly named folders.
38. Avoid unlicensed, low-res, or placeholder visuals.
39. Keep external components up to date.
40. Remove unused or duplicate assets.
41. Use descriptive, human-readable file names.
42. Ensure all assets are high quality.
Tags
43. Use semantic tags like nav ,footer , and ul.
44. Use heading tags h1–h6 and paragraph tags p.
45. Add meaningful alt text to images.
Accessibility
46. Set page title and description in the site settings.
47. Ensure sufficient color contrast for readability.
48. Follow standard accessibility best practices.
49. Use input labels for all form fields.
Performance
50. Pass Framer’s core performance checks.
51. Optimize images and media for the web.
52. Avoid large, uncompressed assets.
53. Keep animations lightweight and efficient.
Copyright
54. Don’t copy templates, designs, or published sites.
55. Avoid copyrighted logos, images, or brand assets.
56. Use only assets you’ve created or licensed.
57. Don’t include client work without permission.
58. Violations may lead to permanent removal.
Marketplace
59. Use preview images that reflect the product.
60. Tag your template in the right categories.
61. Write a clear, benefit-focused description.
62. Highlight your template’s unique features.
63. Don’t mislead buyers or overpromise.
Support
64. Explain what support you provide.
65. Respond quickly to questions or issues.
66. Add a refund policy to your checkout page.
67. Keep your template updated as Framer evolves.
68. Remove any in-template ads before creating remix link.
Submit
69. Make sure your listing is clear and accurate.
70. Ensure links and interactions all work.
71. Check that layouts are responsive and polished.
72. Verify that content is original and licensed.
73. Confirm your template meets all requirements.