# Design Kit

Welcome to Tomba design definition page. Identity was redefined by handpicking conscientiously colors, and shapes in order to express how easy & joyful Tomba products are.

[Download All Assets](https://tomba.io/design-kit/tomba-brand-assets.zip)

## [Tomba Logo](https://tomba.io/design-kit#tomba-logo)

The Tomba logo is the cornerstone of our brand identity. It represents our commitment to simplicity, reliability, and innovation in email intelligence. Please use these official logo files to ensure brand consistency.

### [Logo Variants](https://tomba.io/design-kit#logo-variants)

Our logo comes in multiple variants optimized for different backgrounds and use cases.

##### For Light Backgrounds

[svg](https://tomba.io/design-kit/logo-light.svg)

##### For Dark Backgrounds

[svg](https://tomba.io/design-kit/logo-dark.svg)

### [Combined Logo & Wordmark](https://tomba.io/design-kit#combined-logo-wordmark)

Full lockup with icon and wordmark for primary brand applications.

##### Combined - Light Backgrounds

[svg](https://tomba.io/design-kit/combined-light.svg)

##### Combined - Dark Backgrounds

[svg](https://tomba.io/design-kit/combined-dark.svg)

## [Brand Guidelines](https://tomba.io/design-kit#brand-guidelines)

### [Logo Usage](https://tomba.io/design-kit#logo-usage)

**Do:**

- Maintain adequate clear space around the logo  
- Use official logo files only  
- Ensure sufficient contrast with background  
- Keep the logo proportions intact

**Don't:**

- Distort, rotate, or modify the logo  
- Change the logo colors  
- Add effects like shadows or outlines  
- Place the logo on busy backgrounds

### [Minimum Size](https://tomba.io/design-kit#minimum-size)

- **Digital**: Minimum height of 32px for optimal legibility  
- **Print**: Minimum height of 0.5 inches

## [Color Palette](https://tomba.io/design-kit#color-palette)

Our color palette is based on our iconic Tomba blue with a distinctive red accent. These colors have been carefully considered to work in harmony across various media.

##### Primary Blue

Copy

#1853db

##### Accent Red

Copy

#ff0000

##### White

Copy

#FFFFFF

##### Dark Gray

Copy

#18181B

##### Medium Gray

Copy

#71717A

## [Typography](https://tomba.io/design-kit#typography)

Our typography is clean, modern, and highly legible across all platforms.

### [Primary Font](https://tomba.io/design-kit#primary-font)

**Inter** - Used for all body copy, headlines, and UI elements

- **Weights**: 400 (Regular), 500 (Medium), 600 (Semibold), 700 (Bold)  
- **Usage**: Web and digital applications

### [Monospace Font](https://tomba.io/design-kit#monospace-font)

**JetBrains Mono** - Used for code snippets and technical content

- **Weight**: 400 (Regular)  
- **Usage**: API documentation, code examples

## [Need Help?](https://tomba.io/design-kit#need-help)

For questions about brand usage or to request additional assets, please contact our team at [support@tomba.io](mailto:support@tomba.io).