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

# Media resources

> Dreamlit logos, icons, demo footage, and promo visuals.

Need something else? Email [support@dreamlit.ai](mailto:support@dreamlit.ai) and we'll add it here.

## Brand logos

<CardGroup cols={2}>
  <Card title="Primary logo (dark text)" href="/logo/logo.svg?download=1" ctaText="Download SVG">
    Preferred mark for light or neutral backgrounds.

    <img
      src="https://mintcdn.com/notikaai/5oYlSr6CYnDtP1nH/logo/logo.svg?fit=max&auto=format&n=5oYlSr6CYnDtP1nH&q=85&s=6a42bf3e0ba53bffd9f71388b245160d"
      alt="Dreamlit dark logo"
      style={{
    width: "220px",
    maxWidth: "80%",
    marginTop: "1rem",
    display: "block",
    marginLeft: "auto",
    marginRight: "auto",
  }}
      width="33"
      height="32"
      data-path="logo/logo.svg"
    />
  </Card>

  <Card title="Inverted logo (white)" href="/logo/logowhite.svg?download=1" ctaText="Download SVG">
    Use on dark backgrounds or over photography.

    <div
      style={{
    background: "#211F26",
    padding: "1rem",
    borderRadius: "12px",
    marginTop: "1rem",
    display: "flex",
    justifyContent: "center",
  }}
    >
      <img src="https://mintcdn.com/notikaai/5oYlSr6CYnDtP1nH/logo/logowhite.svg?fit=max&auto=format&n=5oYlSr6CYnDtP1nH&q=85&s=4ad6a9428edeca551e0861c8feeb4d5c" alt="Dreamlit light logo" style={{ width: "220px", maxWidth: "80%" }} width="24" height="20" data-path="logo/logowhite.svg" />
    </div>
  </Card>
</CardGroup>

## Video assets

### Dreamlit demo loop (silent)

<video src="https://mintcdn.com/notikaai/kqM-beDQIEJ_UBd0/media/demogif_compressed.mp4?fit=max&auto=format&n=kqM-beDQIEJ_UBd0&q=85&s=25d20852e76cd9d9e9c8e5dc5c712a16" poster="/media/demothumb.jpg" controls playsInline style={{ borderRadius: "16px", width: "100%", maxWidth: "720px", marginBottom: "0.75rem" }} data-path="media/demogif_compressed.mp4" />

[Download MP4](/media/demogif_compressed.mp4?download=1)

### “The Way of Email” promo film

<iframe
  src="https://player.vimeo.com/video/1123284342?h=ff0db31b46&title=0&byline=0&portrait=0"
  title="The Way of Email"
  allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
  loading="lazy"
  referrerPolicy="strict-origin-when-cross-origin"
  style={{
width: "100%",
maxWidth: "720px",
aspectRatio: "16 / 9",
border: "0",
borderRadius: "16px",
boxShadow: "0 10px 40px rgba(15, 23, 42, 0.15)",
marginBottom: "0.75rem",
}}
/>

[Watch on Vimeo](https://vimeo.com/1123284342) · [Download preview PNG](/media/promothumb2.png?download=1)

Need the original ProRes export or captions? Ping [support@dreamlit.ai](mailto:support@dreamlit.ai).

## Promo thumbnails & stills

<CardGroup cols={3}>
  <Card title="Demo thumbnail" href="/media/demothumb.jpg?download=1">
    16:9 still for the product demo.

    <img
      src="https://mintcdn.com/notikaai/kqM-beDQIEJ_UBd0/media/demothumb.jpg?fit=max&auto=format&n=kqM-beDQIEJ_UBd0&q=85&s=a6171004f28bafc7082e36ad0a5de8d5"
      alt="Dreamlit demo thumbnail"
      style={{
    width: "100%",
    borderRadius: "12px",
    marginTop: "1rem",
    border: "1px solid rgba(15, 23, 42, 0.08)",
  }}
      noZoom
      width="1920"
      height="1080"
      data-path="media/demothumb.jpg"
    />
  </Card>

  <Card title="Promo thumb 1" href="/media/promothumb1.png?download=1">
    Use for teaser cards or press kits.

    <img
      src="https://mintcdn.com/notikaai/kqM-beDQIEJ_UBd0/media/promothumb1.png?fit=max&auto=format&n=kqM-beDQIEJ_UBd0&q=85&s=6e8d1b08a85e21bb9e0a91ebf05a73ab"
      alt="Promo thumbnail 1"
      style={{
    width: "100%",
    borderRadius: "12px",
    marginTop: "1rem",
    border: "1px solid rgba(15, 23, 42, 0.08)",
  }}
      noZoom
      width="1674"
      height="936"
      data-path="media/promothumb1.png"
    />
  </Card>

  <Card title="Promo thumb 2" href="/media/promothumb2.png?download=1">
    Matches the “The Way of Email” hero.

    <img
      src="https://mintcdn.com/notikaai/kqM-beDQIEJ_UBd0/media/promothumb2.png?fit=max&auto=format&n=kqM-beDQIEJ_UBd0&q=85&s=13e2b811b47f3e7606096e0c7559e8a5"
      alt="Promo thumbnail 2"
      style={{
    width: "100%",
    borderRadius: "12px",
    marginTop: "1rem",
    border: "1px solid rgba(15, 23, 42, 0.08)",
  }}
      noZoom
      width="3024"
      height="1692"
      data-path="media/promothumb2.png"
    />
  </Card>
</CardGroup>