# Tertiary Color Schema

### Understanding Tertiary Color Roles in AppSections Brand Style

In the AppSections Brand Style, colors play a crucial role in defining the visual identity and consistency of your Shopify store. Each color setting serves a specific purpose, ensuring that the components look cohesive and visually appealing. Here is a detailed explanation of the different color settings and their roles for the Tertiary Color category:

### **Tertiary Color**

The Tertiary Color setting is one of several color categories used to maintain a harmonious design. It coexists with Primary, Secondary, and Neutral colors, each serving different aspects of the design.

### **Color Roles**

1. **Background:**
   * **Purpose:** The background color is applied to the component's background.
   * **Usage:** It sets the tertiary surface color of a component, providing an additional visual context to the primary and secondary backgrounds.
2. **Background Gradient:**
   * **Purpose:** The background gradient color is applied to the component's background when a gradient effect is selected.
   * **Usage:** It adds a gradient overlay to the background, giving depth and a modern look to the component using tertiary tones.
3. **Foreground:**
   * **Purpose:** The foreground color is applied to the text above the background.
   * **Usage:** It ensures that the text is legible and stands out against the tertiary background color.
4. **Foreground Variant:**
   * **Purpose:** The foreground color variant is applied to the text above the background when a variant effect is selected.
   * **Usage:** It offers an alternative text color for specific states or conditions, such as hover or focus states, ensuring visual distinction and interaction feedback with tertiary tones.
5. **Border:**
   * **Purpose:** The border color is applied to the borders of the component.
   * **Usage:** It defines the edges of the component, providing separation and emphasis with a tertiary color.
6. **Shadow:**
   * **Purpose:** The shadow color is applied to the shadows behind the component.
   * **Usage:** It creates a sense of depth and elevates the component from the background, adding a subtle yet impactful visual hierarchy with tertiary shades.

### Coexisting Colors

1. **Primary Color:**
   * The main color used for primary elements, ensuring high visibility and emphasis. It works alongside the tertiary color to create a balanced visual hierarchy.
2. **Secondary Color:**
   * Used for secondary elements, providing additional visual interest without overpowering the primary color. It complements the tertiary color in highlighting various components.
3. **Neutral Color:**
   * Typically used for backgrounds, borders, or text where a neutral tone is needed. It ensures that the primary, secondary, and tertiary colors stand out without clashing.

### Summary

By understanding and correctly applying these color roles, you can create a visually cohesive and aesthetically pleasing design for your Shopify store. Each color setting is integral to maintaining a balanced and professional look, ensuring that all components work harmoniously together with the tertiary color providing additional complementary tones.

If you have any questions or need further assistance, please contact our customer support team.


---

# 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://docs.appsections.com/settings/colors/styles/tertiary-color-schema.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.