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

# Uploads

> Upload, describe, and organise the media used on your careers site.

export function LessonFooterBack() {
  return <a className="lesson-footer-back" href="/learn/overview">
      <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
        <path d="M19 12H5"></path>
        <path d="m12 19-7-7 7-7"></path>
      </svg>
      Back to CMS fundamentals
    </a>;
}

export function LessonHeaderBack() {
  useEffect(() => {
    const header = document.querySelector("#header");
    if (!header || header.querySelector(".lesson-header-back")) {
      return undefined;
    }
    const link = document.createElement("a");
    link.className = "lesson-header-back";
    link.href = "/learn/overview";
    link.setAttribute("aria-label", "Back to CMS fundamentals");
    link.setAttribute("title", "Back to CMS fundamentals");
    link.innerHTML = `
      <svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <path d="M19 12H5"></path>
        <path d="m12 19-7-7 7-7"></path>
      </svg>
    `;
    header.append(link);
    return () => link.remove();
  }, []);
  return null;
}

<LessonHeaderBack />

<Frame caption="5 min 8 sec — Uploads">
  <iframe className="w-full aspect-video rounded-xl" src="https://www.loom.com/embed/e5a7ee5c0ac6481fae21967a3b5e0309" title="Using Uploads in Studio" allowFullScreen />
</Frame>

<LessonFooterBack />

<Accordion title="Read the lesson" icon="file-lines">
  ## What you will learn

  Uploads is the shared media library for your careers site. Upload images, videos, logos, fonts, and documents once, then use them in pages and theme settings.

  ## Add a file safely

  <Steps>
    ### Open Uploads

    In the CMS, select **Uploads**.

    ### Upload files

    Click **Upload** to choose files from your computer, or drag and drop them straight into the library. You can add several at once.

    ### Describe images

    Open an uploaded file to add a description. For images, this description becomes the image alt text. Write a concise, complete description for someone who cannot see the image; avoid beginning with “image of” or “picture of”.
  </Steps>

  <Note>
    To organise files, select them and choose **Move**, then enter a path such as `/brand/logos` or `/pages/head-office`. Studio creates any missing folders in the path automatically, including nested folders.
  </Note>

  <Tip>
    Upload everything you will need — logos, images, and fonts — before you start building pages. It makes editing much faster later.
  </Tip>

  ## Move, find, and archive files

  * **Find files:** use search to find files by name, and use the folder path and breadcrumb to navigate the library.
  * **Rename files:** open a file to give it a clear, descriptive name before using it.
  * **Archive instead of delete:** open a file and choose **Archive**. This removes it from the active library but keeps it recoverable in the **Archived** view.

  <Warning>
    Archiving a file that is still used on a page or in your theme affects those places. Check that it is no longer needed, or replace it first.
  </Warning>

  ## Adding fonts

  Fonts belong in Uploads too. Studio supports **WOFF**, **WOFF2**, **OTF**, and **TTF** font files; **WOFF** and **WOFF2** are preferred for the web. Upload each weight and style you need as a separate file — for example, Regular, Bold, and Italic — then connect them to your brand in [Themes](/learn/themes-overview).
</Accordion>

<Accordion title="Video transcript">
  <Note>
    Edited for clarity and current terminology.
  </Note>

  ### 0:00

  Uploads is the CMS library for files used on your careers site. Organise files in folders so they are easier for your team to find.

  ### 0:30

  Choose **Upload** to add files. Use a path such as `/brand` for logos, favicons, and other shared brand assets. The path creates the folder when needed.

  ### 1:00

  Select one or more files to move them to another path. Studio creates any missing folders in that destination path. Use **Archive** to remove a file from the active library while keeping it recoverable.

  ### 2:00

  Use the breadcrumb to move back through folders. Before archiving a file, check it is not still needed on a page or in your theme.

  ### 3:00

  You can also drag and drop multiple files into the library.

  ### 4:00

  Upload the font files your project needs, preferably in WOFF or WOFF2 format. Add a separate file for each weight or style, such as Regular, Bold, or Italic. You connect these files to the theme in the next lesson.
</Accordion>

## Related articles

* [Uploads](/studio/cms/uploads)
* [Naming conventions](/studio/cms/naming-conventions)
* [Images](/learn/images)

Next up: [Themes overview](/learn/themes-overview).
