{"section":"tutorials","requestedLocale":"en","requestedSlug":"styles-overview","locale":"en","slug":"styles-overview","path":"docs/en/tutorials/storefront/styles/styles-overview.md","branch":"main","content":"The **Styles** page allows you to define the typography and color palette of your store’s website.\n\nTo access it, log in to VTEX Admin, access **Storefront > Styles**, and check out the main tools available in the interface.\n\n![Styles - Overview](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/styles/styles-overview_1.png)\n\n> To apply and preview the changes in your store's styles, make sure to use a workspace that supports production traffic, i.e., [production workspaces](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-workspace)).\n\n| **Tool** | **Description** |\n| -------- | --------------- |\n| Styles   | A list of colors and typography styles created for your store’s website. |\n| More options | Edit or duplicate a style template.       |\n| New     | Create a new style template for your store’s website. |\n\n## Next steps\n- [Customizing your store’s typography](/en/docs/tutorials/customizing-your-stores-typography)"}