Brand Resources

We're very proud of our brand at Real Life Digital and that's why we decided to make our resources entirely public.

Here you can download our official brand "bits" such as raw logo files, our corporate fonts and our branding document as well as more trivial items such as desktop wallpapers.

Please use these files when incorporating the Real Life Digital brand in to your designs or artwork. By using these resources you can be sure of achieving the highest quality in both print and web design at a fraction of the time it would take to chase us down on email!

If you do need to ask any questions our ears are always open! Just head over to our contact page.

Our branding document for designers to ensure consistency in portrayal of our brand.

RGB logos for use on screen and the web. This .zip folder contains the vanilla and social logos in their standard, diverse and black variations.

CMYK logos for use in four colour process print. This .zip folder contains the vanilla and social logos in their standard, diverse and black variations.

Pantone logos for use in single colour pantone ink print. This .zip folder contains the vanilla and social logos in their standard, diverse and black variations.

Roboto sans-serif font in .ttf format for use in offline design software. You can use Google's API to import these fonts in to your web environment by following the instructions below.

Roboto Slab slab-serif font in .ttf format for use in offline design software. You can use Google's API to import these fonts in to your web environment by following the instructions below.

A selection of desktop wallpapers at 1024x768, 1280x720, 1280x1024, 1600x900, 1600x1200, 1920x1080, 1920x1200, 2560x1440 (for iMac users) and 4096x2160 (for lucky devils with 4k screens)!

Importing fonts using Google's API

How to import Roboto in to your web environment

HTML Import

To include the font in your HTML add this code inside your head tags.

<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css" />
  </head>
</html>

CSS Import

If you want to include the font in your CSS use the following but ensure it is the first thing you declare in your CSS file.

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

JavaScript Import

You can also use javascript to import the fonts by pasting the following code in to a .js file or inside script tags in your HTML.

WebFontConfig = {
  google: { families: [ 'Roboto:400,700:latin' ] }
};
(function() {
  var wf = document.createElement('script');
  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();

Usage

To call the font in your CSS use: font-family: 'Roboto', sans-serif;

How to import Roboto Slab in to your web environment

HTML Import

To include the font in your HTML add this code inside your head tags.

<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,700" rel="stylesheet" type="text/css" />
  </head>
</html>

CSS Import

If you want to include the font in your CSS use the following but ensure it is the first thing you declare in your CSS file.

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,700);

JavaScript Import

You can also use javascript to import the fonts by pasting the following code in to a .js file or inside script tags in your HTML.

WebFontConfig = {
  google: { families: [ 'Roboto+Slab:300,700:latin' ] }
};
(function() {
  var wf = document.createElement('script');
  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();

Usage

To call the font in your CSS use: font-family: 'Roboto Slab', serif;