# Covers

## Branding covers

### Logo on gradient

This is our most commonly used gradient.

![](/files/zwcESCuBesrFy1ql8phN)

### OG image

This version is the correct sizing for an OG image on social media platforms.

![](/files/mdd62Zv4Y9oterU07OP3)

## Design system covers

### CalDS

This is a very nice looking cover representing our design system. Although a cool graphic to show, note how busy the image is, so bear in mind when using this.

![](/files/A4PPv0pu6B7w33gDbP0D)

### Screens

This cover has two screens, the booking page and event types settings, next to each other. It's a very good cover to use in publications.

![](/files/8ZEw4XcaducSsAKSisCS)

## Product covers

We have a bunch of really nice product featured area covers that look great.

### Event types

![](/files/uakCEKIue6g3xSsN84ie)

### App Store

![](/files/dBIvpALChNPy0WdrM2nG)

### Marketing site

![](/files/J4G6gSUHh3ZJe2MthJHQ)

### And more...

I won't add all of them in here, but check out the Figma document for more of these.

## Download

To download these in a high-quality version, get them from the Marketing Figma document's highlights page, as well as the "Social covers" page. You can right click on any cover and copy it as an SVG or PNG, or go to the export tab on the right.

{% hint style="info" %}
Make sure you're hovering over the name of the cover in the top left, like this:

<img src="/files/ncRbzoQg7xGBSThfXvFo" alt="" data-size="original">
{% endhint %}


---

# 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://design.cal.com/assets/covers.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.
