Thank you for purchasing the COSMOS Template.

This is a mini guide that can help you set up your COSMOS Template.

  1. Understanding how Framer works is essential. Framer offers a ton of tutorials, but also our customer support team is always available to help with any questions or issues you may encounter.

<aside> 💡 Doesn't know how to use Framer? I'm a certified Framer Expert and offer personalized solutions through Contra. Hire me.

</aside>

  1. COSMOS contains pre-set typography (Sora for headings and Inter for paragraph, links, etc), layout structure, colors, and schemes that can be modified in the Assets section. It saves time and ensures consistency throughout the portfolio.

Inter - Google Fonts

Sora - Google Fonts

Tuto images - 2.png

  1. Use the CMS feature to update your Blog page. Feel free to add as many case studies as you want by clicking on + Add. Take advantage of the content field and fill it out with useful information about your project.

Guide.png

  1. Use the CMS feature to update the Docs section of the website. Feel free to add as many case studies as you want by clicking on + Add. Take advantage of the content field and fill it out with useful information about your project.

Guide.png

  1. Make sure you hide the “Get template” button. Go to your Layers section > find the Button component > right-click on it and click on Hide.