# Design

## Design

- [Welcome](https://design.cal.com/welcome.md): Here you should find everything you need regarding Cal.com's design system and branding guidelines.
- [Colors](https://design.cal.com/basics/colors.md): Color tokens are the primitive values in our design system, represented by context names.
- [Typography](https://design.cal.com/basics/typography.md): Great type is at the core of our branding, and we make good use of our own custom font.
- [Shadows](https://design.cal.com/basics/shadows.md): Shadows are an important part of our design, and should always be replicated closely.
- [Grid](https://design.cal.com/basics/grid.md): We should align everything within our standardised grid.
- [Icons](https://design.cal.com/basics/icons.md): We use icons within the app to give a quick visual reference when navigating.
- [Breakpoints](https://design.cal.com/basics/breakpoints.md): Here you can find our standardised breakpoints that we use to define Cal.com's responsive design.
- [Logos](https://design.cal.com/assets/logos.md): Our logo is iconic and simple, and should be used extensively.
- [Backgrounds](https://design.cal.com/assets/backgrounds.md): We use backgrounds with our unique grid design on marketing sites and content to add visual flair.
- [Covers](https://design.cal.com/assets/covers.md): We use these as cover images for social platforms or as a banner where relevant.
- [Badges](https://design.cal.com/assets/badges.md): We have a number of badges to add to your content.
- [Thumbnails](https://design.cal.com/assets/thumbnails.md): Our template for creating thumbnails for content.
- [OG Images](https://design.cal.com/assets/og-images.md): We have a number of social-media friendly OG images that look great for sharing.
- [Screenshots](https://design.cal.com/assets/screenshots.md): We have an assortment of official product screenshots that can be used in content.
- [Illustrations](https://design.cal.com/assets/illustrations.md): We have a library of great illustrations of the different features of our product to use in marketing content.
- [Apps](https://design.cal.com/assets/apps.md): We have a set of icons for some of our most popular apps on the app store.