> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tryarchitect.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Assets

> Guidance on which images and visual assets to upload to Architect

## What to add

### Product or core offering visuals (5+)

* Include clear, high-resolution visuals of the product, app interface, or main service.
* Focus on visuals that communicate value or demonstrate use cases.
* Ensure consistency in lighting, perspective, and color treatment for a cohesive look.

### Supporting visuals (3+)

* Add graphics, illustrations, or comparison visuals that help explain key concepts or features.
* Examples: side-by-side comparisons, process diagrams, or benefit breakdowns.

### Videos

* Upload product videos, demos, or short clips that show the product in action.
* Keep them consistent with your brand style (tone, color, pacing).

### Logos/awards

* Any logos of existing customers, suppliers, or awards.
* In your image description, specify what the logo is (customer, supplier, award, etc.).

## Where to upload images

<Steps>
  <Step title="Open Assets">
    In Architect, open **Assets** from the left sidebar.
  </Step>

  <Step title="Upload images">
    Click **Upload Images** and add your files.
  </Step>
</Steps>

## Examples

### Consistent imagery

Use a set of images with a consistent style (lighting, texture, tone) so your pages feel like one system.

<Frame>
  <img src="https://mintcdn.com/architect-d889a35e/2fk-dUKTarOSj_MH/overview/images/what-is-architect-hero.png?fit=max&auto=format&n=2fk-dUKTarOSj_MH&q=85&s=e5a89a28dadec3f7984652508c34e488" alt="Reef illustration used as a consistent hero image style" width="1600" height="759" data-path="overview/images/what-is-architect-hero.png" />
</Frame>

### Consistent logo treatment

Add consistent logo variants so pages don't mix black, white, and full-color logos in the same section.

<Frame>
  <div className="grid grid-cols-3 gap-6 items-center not-prose">
    <img src="https://mintcdn.com/architect-d889a35e/2fk-dUKTarOSj_MH/overview/images/google-logo-black-transparent.png?fit=max&auto=format&n=2fk-dUKTarOSj_MH&q=85&s=4fa13d2c79d56f0f1a262219fd533fdb" alt="Black Google logo on transparent background" className="w-full h-auto" width="2400" height="811" data-path="overview/images/google-logo-black-transparent.png" />

    <img src="https://mintcdn.com/architect-d889a35e/2fk-dUKTarOSj_MH/overview/images/chase-logo-black-transparent.png?fit=max&auto=format&n=2fk-dUKTarOSj_MH&q=85&s=64eba3c6bbef8dd8dbf665b9028bf138" alt="Black Chase logo on transparent background" className="w-full h-auto" width="2400" height="446" data-path="overview/images/chase-logo-black-transparent.png" />

    <img src="https://mintcdn.com/architect-d889a35e/2fk-dUKTarOSj_MH/overview/images/stripe-logo-black-transparent.png?fit=max&auto=format&n=2fk-dUKTarOSj_MH&q=85&s=032c3839d8c9daa16f8a067da0e6fd62" alt="Black Stripe logo on transparent background" className="w-full h-auto" width="1600" height="1200" data-path="overview/images/stripe-logo-black-transparent.png" />
  </div>
</Frame>


## Related topics

- [Create asset](/docs/api-reference/assets/create-asset.md)
- [Delete asset](/docs/api-reference/assets/delete-asset.md)
- [List assets](/docs/api-reference/assets/list-assets.md)
- [Restore asset](/docs/api-reference/assets/restore-asset.md)
- [Search assets](/docs/api-reference/assets/search-assets.md)