THEIA Documentation
Welcome
Thank you for choosing THEIA.
THEIA is a premium Framer template designed for luxury brands, jewelry houses, fashion labels, and high-end product businesses. The template combines elegant design, CMS-powered content management, dynamic category pages, and a flexible design system to help you launch a refined online presence with ease. No coding is required.
Most content can be customized directly through Framer's CMS, Variables, and Component Properties.
Getting Started
1. Duplicate the Template
Duplicate THEIA into your Framer workspace to begin customization.
2. Update Your Brand
Replace the following:
Logo
Brand Name
Brand Colors
Typography (optional)
3. Add Your Content
Update:
Products
Categories
Footer Pages
Images
Text Content
through the CMS collections.
4. Review Responsiveness
Before publishing, review your content on:
Desktop
Tablet
Mobile
to ensure all images and text fit properly.
5. Publish
Once your content has been updated, connect your domain and publish your website.
CMS Overview
THEIA uses four primary CMS collections.
Footer Navigation Pages
Footer Navigation Sections
Products
Jewelry Categories
1. Footer Navigation Pages
Manage informational pages displayed throughout the footer navigation section.
Examples:
FAQ
Contact Us
Shipping & Returns
Privacy Policy
Page Title
The title of the page.
Footer Navigation Section
The footer section where the page will appear.
Products
Select the products you want shown on the Footer Navigation page.
Primary Content
The main body content of the page.
Secondary Content
Additional supporting content.
Page URL
The destination URL used throughout navigation.
Primary Image
The primary page image.
Secondary Image
An additional supporting image.
FAQ Section
Configure the accordion FAQ section displayed on the page.
Call-to-Action Text
Supporting text displayed within the call-to-action section.
Call-to-Action Button
Configure the call-to-action button.
Show Contact Information
Enable or disable the contact information section.
2. Footer Navigation Sections
Manage the structure of the website footer.
Section Title
The name of the footer navigation group.
Examples:
Customer Care
About
Services etc.
Footer Navigation Pages
Select the pages to be displayed under each footer navigation section.
3. Products
Manage all products displayed throughout the website.
Product Name
The name of the product displayed throughout the website.
Collection Category
Assign the product to a category such as Jewelry, High Jewelry, or Accessories.
Footer Navigation Pages Related Products
Controls which products appear together within the "You May Also Like" section of the footer Navigation Pages.
Product Type
Used for category filtering and product organization.
Examples:
Necklace
Adornment
Handbag
Product Price
The displayed product price.
Product Summary
A short product description.
Product Details
The full product description displayed on the product page.
Purchase URL
The destination URL used by the Buy Now button.
Image 1
The main product image.
Image 2
An additional product image.
4. Collection Category
Manage category pages and category-based product filtering.
Category Name
The title of the category.
Examples:
Jewelry
High Jewelry
Accessories
Category Image
The image representing the category.
Category Description
Enter a short description that appears beneath the category name.
Customization
Colors
All colors are managed through Framer Variables.
Update color variables to instantly change the appearance of the entire website.
Typography
Typography styles can be updated through Framer Text Styles.
Adjust headings, body text, and supporting text styles to match your brand.
Components
THEIA uses reusable components throughout the website.
Most sections can be customized through Component Properties without detaching components.
Images
Replace images directly within the CMS or page content.
For the best experience, use high-quality optimized images.
Recommended formats:
WebP
JPG
Dynamic Categories
Category pages are generated automatically through the Collection Category.
Products assigned to a category will automatically appear within the corresponding category page.
Example: A product assigned to "Jewelry" will automatically appear on the Jewelry category page.
Support
If you encounter any issues or have questions regarding the template, please contact Us.
Thank You
Thank you for choosing THEIA.