---
title: Style book
description: Discover DigitalMakers' brand guidelines, including logo usage, color specifications, and typography to ensure consistent representation.
---

# The DigitalMakers style book

#### On this page you will find the guidelines for using our brand resources. Enjoy the tour!

# Our logo

You can use our original logo in both horizontal and vertical versions of it. In addition we have prepared the logo to put it on white backgrounds as in negative to implement it in funds with any color or motive:

## Colors used

#### Digital Black

#### Digital Gray

#### Digital White

[ More information about colors ](https://digitalmakers.cat/en/style-book#colors-digitalmakers)

## Horizontal version

Original

![avatar-horizontal-Digital-Gris-no-background (3)](https://digitalmakers.cat/hs-fs/hubfs/avatar-horizontal-Digital-Gris-no-background%20(3).png?width=300&height=142&name=avatar-horizontal-Digital-Gris-no-background%20(3).png "avatar-horizontal-Digital-Gris-no-background (3)")

[ PNG ](https://digitalmakers.cat/hubfs/avatar-horizontal-Digital-Gris-no-background%20(3).png?hsLang=en)

Negative

![logo-digitalmakers-horitzontal-blanc (1)](https://digitalmakers.cat/hs-fs/hubfs/logo-digitalmakers-horitzontal-blanc%20(1).png?width=300&height=142&name=logo-digitalmakers-horitzontal-blanc%20(1).png "logo-digitalmakers-horitzontal-blanc (1)")

[ PNG ](https://digitalmakers.cat/hubfs/logo-digitalmakers-horitzontal-blanc%20(1).png?hsLang=en)

## Vertical version

Original

![avatar-vertical-Digital-Gris-no-background (1)](https://digitalmakers.cat/hs-fs/hubfs/avatar-vertical-Digital-Gris-no-background%20(1).png?width=300&height=280&name=avatar-vertical-Digital-Gris-no-background%20(1).png "avatar-vertical-Digital-Gris-no-background (1)")

[ PNG ](https://digitalmakers.cat/hubfs/avatar-vertical-Digital-Gris-no-background%20(1).png?hsLang=en)

Negative

![digitalmakers-logo-blanc (1)](https://digitalmakers.cat/hs-fs/hubfs/digitalmakers-logo-blanc%20(1).png?width=300&height=280&name=digitalmakers-logo-blanc%20(1).png "digitalmakers-logo-blanc (1)")

[ PNG ](https://digitalmakers.cat/hubfs/digitalmakers-logo-blanc%20(1).png?hsLang=en)

Black Wallpaper (UHD: 3840 x 2160)

![fons-de-pantalla-digitalmakers (1)](https://digitalmakers.cat/hs-fs/hubfs/fons-de-pantalla-digitalmakers%20(1).jpg?width=2000&height=1125&name=fons-de-pantalla-digitalmakers%20(1).jpg "fons-de-pantalla-digitalmakers (1)")

[ PNG ](https://digitalmakers.cat/hubfs/fons-de-pantalla-digitalmakers%20(1).jpg?hsLang=en)

Gray Wallpaper (UHD: 3840 x 2160)

![wallpaper-Digital-Gris](https://digitalmakers.cat/hs-fs/hubfs/wallpaper-Digital-Gris.png?width=2000&height=1125&name=wallpaper-Digital-Gris.png "wallpaper-Digital-Gris")

[ PNG ](https://digitalmakers.cat/hubfs/wallpaper-Digital-Gris.png?hsLang=en)

## Whenever you use our logo you have to respect the space around to “breathe” and ensure its correct visualization.

## The typography that we use

![poppins_tipo](https://digitalmakers.cat/hubfs/poppins_tipo.png "poppins_tipo")

[ GOOGLE FONT ](https://fonts.google.com/specimen/Poppins)

## Our colors

##### Digital Black

HEX: #000000  
RGB: 0, 0, 0  
CMYK: 0, 0, 0, 100%

##### Digital Gray

HEX: #303030  
RGB: 48, 48,48  
CMYK: 82%, 79%, 70%, 48%

##### Digital White

HEX: #FFFFFF  
RGB: 255, 255, 255  
CMYK: 0, 0, 0, 0

##### Digital Yellow

HEX: #FDC657  
RGB: 255, 104, 102  
CMYK: 0, 29%, 69%, 0

## We are: DigitalMakers

You always have to write together DigitalMakers:

![logo-junt-digital-makers-300x68](https://digitalmakers.cat/hs-fs/hubfs/logo-junt-digital-makers-300x68.png?width=300&height=68&name=logo-junt-digital-makers-300x68.png "logo-junt-digital-makers-300x68")

![logo-separat-digital-makers-300x68](https://digitalmakers.cat/hs-fs/hubfs/logo-separat-digital-makers-300x68.png?width=300&height=68&name=logo-separat-digital-makers-300x68.png "logo-separat-digital-makers-300x68")

## Material owned by DigitalMakers

This text is a friendly reminder that all this material is property of DigitalMakers, therefore, we appreciate that when you use our material you do it with relation and/or affiliation with DigitalMakers.

You can make the necessary modifications and uses always respecting the guidelines mentioned in this small guide.

## Thank you!

![digitalmakers-logo-responsive (1)](https://digitalmakers.cat/hubfs/digitalmakers-logo-responsive%20(1).png "digitalmakers-logo-responsive (1)")

![cta-section-image](https://19808513.fs1.hubspotusercontent-na1.net/hub/19808513/hubfs/focus-demo/img-005.png?width=600&height=496&name=img-005.png)

## Explica’ns el teu projecte

Quan et posis en contacte amb nosaltres no t’atendrà un comercial amb l’única finalitat de vendre’t un producte. A l’altre costat hi haurà el Pasqual Flores, amb qui podràs xerrar tranquil·lament i et farà les preguntes necessàries per saber si us podem ajudar a aconseguir els vostres objectius.

[![Parlem?](https://no-cache.hubspot.com/cta/default/5059046/4bc21299-12b0-424a-bf1f-8033aab5fac3.png)](https://cta-redirect.hubspot.com/cta/redirect/5059046/4bc21299-12b0-424a-bf1f-8033aab5fac3)