# Space Core Areas

### Images

Upload and manage images to be used within your Sphere designs

* Upload a maximum of 50 images at a time
* PNG and JPG formats supported
* There is no validation of Image Asset resolution so please ensure you consider your usage when creating assets for Sphere. The 32x zoom available within Sphere means that larger you intend to use an image in your design, the more quality you will want to support zooming in.
  * For 'large' use cases we find that images around 6k in resolution work extremely well in Sphere. We support up to 8k.
* To find out more about image SEO. Read our [SEO Guide](/guides/seo.md).

### Assets

Assets are files you upload which will be used across various UI component and in your design.

<figure><img src="/files/btr63HaF47pcOMQXb8xG" alt="Assets"><figcaption></figcaption></figure>

<table><thead><tr><th width="203.33333333333331">Asset Type</th><th width="346">Description</th><th>Usage</th></tr></thead><tbody><tr><td>Logo</td><td>Upload brand logos for your Spheres</td><td>Appears top left of a Published Sphere</td></tr><tr><td>Favicon</td><td>Upload Favicon assets for your Sphere</td><td>Appears in the browser tab</td></tr><tr><td>Background Images</td><td>For a detailed overview read our <a href="/pages/14ihWNwd4U47X60ug830">Backgrounds Guide</a></td><td>Curator</td></tr><tr><td>Overlay Content</td><td>Upload various data types to be displayed in overlays</td><td>Curator</td></tr><tr><td>Audio Content</td><td>Upload audio files for your Sphere</td><td>Curator</td></tr><tr><td>Control Button</td><td>Control buttons can be used as single end point navigation <a href="/pages/l7a1D5bkDbWrpJch7ACr"><em>(view Navigation Buttons)</em></a></td><td>Appears at the bottom of a Published Sphere</td></tr><tr><td>Fonts</td><td>Add custom fonts for your design</td><td>Curator</td></tr><tr><td>UI Image Assets</td><td>Add assets for various UI elements such as cookies policy, Search, Navigation Arrows</td><td>Appears on Published Spheres</td></tr><tr><td>Video Content</td><td>Upload video files for Curator</td><td>Curator</td></tr></tbody></table>

### Spheres

Create and manage the Spheres within your Space.&#x20;

{% hint style="info" %}
When you first create your Space this area will be empty and you will be prompted to create your first sphere. This is done by clicking on the <img src="/files/kWLuIMCMj3rdHKPpWPji" alt="Add Sphere" data-size="line"> button.
{% endhint %}

Click on a Sphere in your list to either launch Curator or adjust Sphere specific settings

<figure><img src="/files/GLrPjRemZK6jFo7ACy3S" alt="Sphere draft"><figcaption></figcaption></figure>

As you progress through the creation, generation and publishing of your Sphere/s this view will change to reflect the various states of your Sphere and will also show you any URLs associated with your Sphere.

<figure><img src="/files/fqtZPDhsoPjMhrRvAA1R" alt="Generated sphere"><figcaption></figcaption></figure>

In the **Generated** state you will see a temporary url for the Sphere you are working on, this url will change every time you generate.

The final step is to **Publish** your Sphere. Once this is done, the Sphere will become publicly accessible via the assigned domain.

<figure><img src="/files/VJxzSkZLJi9MXuCmiouE" alt="Published sphere"><figcaption></figcaption></figure>

{% hint style="info" %}
Learn more about [copying a Sphere](/guides/copy-a-sphere.md).
{% endhint %}

Once a Sphere is published you have two options to make edits:

#### Clone to draft

* This is will allow you to create a copy of the published Sphere and work on it in Curator.

#### Copy Sphere

* Easily duplicate a sphere's design and either create a new version, update an existing one, or copy it to another space. Perfect for managing multiple versions or sharing designs across spaces!

#### Use the Curate button

* This will open up the current Draft state Sphere where you can continue to work on your design. The Clone to draft function becomes helpful if you have altered the design in a way which you don't want to continue with and want to reset the Draft version to match the current Published design.

**Passwords**

* Enable password so only those with the password credentials can access the sphere

<figure><img src="/files/6aCQ4hkkVnIb3P08DTwq" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The sphere must already be published for you to set a password!
{% endhint %}

### Sphere Settings

Opening the Settings page on your Sphere will allow you to:

* Set the Logo, Control Button, Sharing options, Favicon and Product Search function
* Set overlay colour options
* On Shopify Ecommerce Spheres, adjust **Sphere specific** overlay UI options. To set a primary style for all Ecommerce overlays, across all of your Spheres, you should do this in the [Space Settings page](/cozmos-space/settings.md).&#x20;

### Products

The Products page allows you to search and edit any product you have added to your Cozmos space. Edit SEO details, add images, set variant images and assign categories.

{% hint style="info" %}
For product to work correctly on published sphere, don't forget to apply action "Product Overlay" when in Curator.
{% endhint %}

For a full overview, please read our [Ecommerce Guide](/guides/ecommerce.md).

### Categories

Create and manage categories to organise your Sphere products. This is beneficial in Curator as you can 'Add' categories, allowing for batch imports rather than selecting products one at a time.

### Tags

Create and manage tags to organise your images and videos. This is beneficial in Curator as you can 'Add' tags, allowing for batch imports rather than selecting images and videos one at a time.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.cozmos.com/cozmos-space/space-core-areas.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.